Write the Code. Change the World.

10月 17

发表于 • 3,010 views • 没有评论!

webpack,前端

在用webpack打包的时候，所打包的文件，会经常使用到 module.exports,exports,export和export default,import与require 这些语法。看起来眼花缭乱，其实，都是有迹可循的。

基本问题

  1. module.exports 和 exports 是属于 CommonJS 模块规范。

  2. export 和 export default 是属于 es6 语法。

  3. 同样 import 和 require 分别属于 es6 和 CommonJS。

  4. module.exports 和 exports、export 和 export default 都是导出模块。 import 和 require 则是导入模块。

module.exports 和 exports 的区别与联系

Node应用由模块组成，采用CommonJS模块规范。根据这个规范，每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。

CommonJS规范规定，每个模块内部，module变量代表当前模块。这个变量是一个对象，它的exports属性（即module.exports）是对外的接口。加载某个模块，其实是加载该模块的module.exports属性。
继续阅读