概述
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：
--- ------- ---------- --------- -------------------------------
使用
在 .babelrc 文件中添加插件配置：
- ---------- ---------------------- -
或者在命令行中使用 -p 参数指定插件：
----- --- --------- --- -- ------------------
其中，src 表示源代码目录，lib 表示输出目录。-p 参数后面跟的是插件名称。
示例
假设有一个 CommonJS 模块，它定义了一个函数：
-- ------- -------- ------ -- - ------ - - -- - -------------- - ----
使用该插件后，可以直接在 ES6 模块中引用该函数：
-- -------- ------ --- ---- --------- ------------------ ---- -- -- -
使用该插件还可以支持默认导出和命名导出混合使用的情况：
-- ------- -------- ------ -- - ------ - - -- - -------- ----------- -- - ------ - - -- - -------------- - ---- ---------------- - ---------
-- -------- ------ ---- - -------- - ---- --------- ------------------ ---- -- -- - ----------------------- ---- -- -- -
总结
babel-plugin-add-module-exports 可以大大简化使用 ES6 模块语法编写库时的开发工作。通过使用该插件，可以自动将 CommonJS 模块的默认导出提供给 ES6 模块，从而使得使用 ES6 模块语法的代码可以直接使用使用 CommonJS 模块语法编写的库。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/49437