概述
babel-plugin-add-module-exports 是一个 Babel 插件，用于为 CommonJS 模块自动添加默认导出。在使用 ES6 模块语法定义的模块中，只有显式地导出了某个变量或函数，才能在其他模块中被引用。但是，在使用 CommonJS 模块语法时，可以使用 module.exports 导出默认值。这意味着当使用 CommonJS 模块语法编写库时，需要同时支持 CommonJS 和 ES6 两种模块语法。
babel-plugin-add-module-exports 可以简化这一过程，它会自动将 CommonJS 模块的默认导出提供给 ES6 模块。通过使用该插件，可以使得使用 ES6 模块语法的代码可以直接使用使用 CommonJS 模块语法编写的库。
安装
首先，需要安装 Babel 和 babel-plugin-add-module-exports：
npm install --save-dev babel-cli babel-plugin-add-module-exports
使用
在 .babelrc 文件中添加插件配置：
{
"plugins": ["add-module-exports"]
}或者在命令行中使用 -p 参数指定插件：
babel src --out-dir lib -p add-module-exports
其中，src 表示源代码目录，lib 表示输出目录。-p 参数后面跟的是插件名称。
示例
假设有一个 CommonJS 模块，它定义了一个函数：
// math.js
function add(a, b) {
return a + b;
}
module.exports = add;使用该插件后，可以直接在 ES6 模块中引用该函数：
// index.js import add from './math'; console.log(add(1, 2)); // 输出 3
使用该插件还可以支持默认导出和命名导出混合使用的情况：
-- -------------------- ---- ------- -- ------- -------- ------ -- - ------ - - -- - -------- ----------- -- - ------ - - -- - -------------- - ---- ---------------- - ---------
// index.js
import add, { subtract } from './math';
console.log(add(1, 2)); // 输出 3
console.log(subtract(3, 2)); // 输出 1总结
babel-plugin-add-module-exports 可以大大简化使用 ES6 模块语法编写库时的开发工作。通过使用该插件，可以自动将 CommonJS 模块的默认导出提供给 ES6 模块，从而使得使用 ES6 模块语法的代码可以直接使用使用 CommonJS 模块语法编写的库。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/49437