模块打包中CommonJS与ES6 Module的导入与导出问题详解

目录

  • CommonJS
    • CommonJS模块
    • CommonJS模块导出
    • CommonJS模块导入
  • ES6 Module
    • ES6 模块
    • ES6 Module导出
      • 命名导出
      • 默认导出
    • ES6 Module导入
      • 命名导入
      • 默认导入
      • 混合导入
    • 复合写法

CommonJS

CommonJS模块

CommonJS中规定每个文件是一个模块。每个模块是拥有各自的作用域的,各自作用域的变量互不影响。

// calculator.js
var name = 'calculator.js';

// index.js
var name = 'index.js';
require('./calculator.js');
console.log(name); // index.js

这里可以看到,导入calculator.js并不会覆盖index.js中的name字段
这样做区别于直接用

你可能感兴趣的:(webpack,javascript,commonjs导出,ES6导出,commonjs和es6导出,commonjs导入,es6导入)