前言
在前端开发中，我们经常需要使用 Babel 来将 ES6+ 的代码转换为能够在各种浏览器上运行的 ES5 代码。而要使用 Babel，就需要配置 .babelrc 文件。但是，在引用别人写好的 JavaScript 模块时，有时我们并不知道该模块是否已经配置了 .babelrc，如果没有，我们就需要手动添加配置文件，这个过程比较繁琐。
为了方便我们引用别人写好的 JavaScript 模块，有些开发者提供了已经配置好 .babelrc 的 npm 包，例如 a-module-with-babelrc。在本文中，我们将介绍如何使用这个 npm 包。
安装
首先，我们需要安装 a-module-with-babelrc：
--- ------- --------------------- ------
安装完成后，我们可以在项目的 node_modules 目录下找到 a-module-with-babelrc 的源码。
使用
使用 a-module-with-babelrc 很简单，只需要像使用其它模块一样引入即可：
------ ---------- ---- ------------------------
这样，在你的项目中就可以直接使用 someModule 了。
需要注意的是，由于 a-module-with-babelrc 已经配置了 .babelrc，因此在使用它的时候，你无需再次配置 .babelrc。
示例代码
为了更好地理解如何使用 a-module-with-babelrc，我们来看一个简单的示例代码。假设我们有一个 src 目录，里面有一个 index.js 文件：
-- ------------ ----- --- - --- -- -- - - -- ------ ------- ----
我们可以使用 a-module-with-babelrc 将这个模块转换成支持 ES5 的代码。我们在项目中新建一个 dist 目录，在该目录下新建一个 index.js 文件，然后使用 a-module-with-babelrc 引入并转换 src/index.js：
-- ------------- ------ ---------- ---- ------------------------ ------ --- ---- --------- ------------------ ----
注意，我们在引入 add 模块时，使用了相对路径，这是因为 a-module-with-babelrc 并不知道我们的项目结构，因此需要我们手动指定路径。
现在我们可以在命令行中执行 node dist/index.js，就可以看到输出结果为 3。
总结
使用 a-module-with-babelrc 可以方便地使用已经配置好 .babelrc 的 JavaScript 模块，减少手动配置的繁琐过程。本文介绍了该 npm 包的安装和使用方法，并给出了一个简单的示例代码。希望本文能够对大家有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/47713