module.exports & export default

[hapiman]

关联使用 module.exports 和 require export default 和 import 否则webpack打包的时候会出现Cannot assign to read only property 'exports' of object '#<Object>'错误

---

在前端使用这种通用的方式

//foo.js 
export default  funcname(){} 

import { funcname } from './foo.js'
funcname()
//或者使用 
import  * as  funs from './foo.js'
funs.funcname()

[hapiman]

• module.exports 初始值为一个空对象 {}
• exports默认指向的module.exports 的引用
• require()返回的是 module.exports而不是 exports 最初，module.exports等于exports， 但是给module.exports附上新值的时候，module.exports指向了另外的对象，需要使用exports = module.exports 将exports指向新的对象 即 exports=module.exports=someObj等于 module.exports=someObj; exports=module.exports

[hapiman]

在node文件中使用

exports=module.exports=someObj
exports.func1 = function(){}
exports.func2 = function(){}

[hapiman]

• works

  
  import {bar} from './foo';
  bar();

// foo.js module.exports = { bar() {} }

- works
```js
import foo from './foo';
foo.bar();

// foo.js
export default {
 bar() {}
}

• don't work

  
  import {bar} from './foo';
  bar(); //会自动去找module.exports = {bar(){}}

// foo.js export default { bar() {} }

--- 
```js
export default {
  bar() {}
}

其实等价于

exports: {
  default: {
    bar() {}
  }
}

使用 import foo from './foo'; 其实得到

{
  default: {
    bar() {}
  }
}

会自动去找export default = {}