在前端开发中，我们常常需要对 ES6+ 的代码进行转换，以便能够在现代浏览器中正确地运行。而 babel 是一个广为使用的工具，它可以将新的 JavaScript 代码转换成旧的 JavaScript 代码，以便我们可以在更多的浏览器和环境中运行。
但是，当我们需要使用 babel 的时候，第一步就是要配置它的参数。虽然 babel 本身提供了很多的参数，但是配置起来也比较困难，特别是当我们的项目比较大、模块比较多的时候。
为了解决这个问题，可以使用一个 npm 包：babel-load-config。它可以自动加载 babel 的配置，让我们省去复杂的配置过程，从而更加专注于代码的编写。
基本使用
我们可以通过 npm 来安装这个包：
npm install babel-load-config --save-dev
安装完成之后，我们可以在项目的根目录下创建一个 .babelrc 文件，配置 babel 的基本参数。例如：
{
"presets": ["@babel/preset-env"],
"plugins": ["@babel/plugin-transform-runtime"]
}然后在需要使用 babel 的文件中引入这个包，调用它的函数即可：
const babel = require('babel-load-config');
const { options } = babel();
console.log(options); // { presets: [ '@babel/preset-env' ], plugins: [ '@babel/plugin-transform-runtime' ] }这样就可以自动加载 .babelrc 文件，并返回解析后的配置参数。
高级使用
除了基本使用之外，babel-load-config 还提供了更丰富的 API，可以使我们更加灵活地使用。
使用自定义的 cwd
cwd 表示当前的工作目录，在默认情况下，babel-load-config 会根据你的文件所在的位置来自动判断 cwd，但是我们也可以手动指定它。例如：
const babel = require('babel-load-config');
const { options } = babel({ cwd: __dirname });
console.log(options);这样就可以将 cwd 指定为当前文件所在的目录。
使用自定义的 envName
babel 支持不同的环境和参数，envName 表示当前要使用的环境名称。例如，我们可以定义一个 production 环境，在该环境下，启用一些特殊的插件和优化：
-- -------------------- ---- -------
-
---------- ----------------------
---------- ------------------------------------
------ -
------------- -
---------- -------
-
-
-然后在使用 babel-load-config 的时候，可以指定 envName，这样 babel 会自动加载 env.production 中的配置：
const babel = require('babel-load-config');
const { options } = babel({ envName: 'production' });
console.log(options);使用自定义的 files
我们还可以通过 files 参数来指定要加载的文件。默认情况下，babel-load-config 会查找项目根目录下的 .babelrc 文件，并返回其配置信息。但是，有时候我们需要指定特定的文件，例如在测试文件中使用不同的配置。
const babel = require('babel-load-config');
const { options } = babel({ files: ['./test/.babelrc'] });
console.log(options);这样就可以加载 ./test/.babelrc 文件，并返回其中的配置信息。
总结
在本文中，我们详细介绍了 npm 包 babel-load-config 的使用方法。它可以帮助我们自动加载 babel 的配置，让我们省去了繁琐的配置过程，从而更加高效地编写代码。
当然，babel-load-config 还提供了更多的高级功能，例如使用不同的 cwd、envName 和 files，可以满足不同的项目需求。因此，在使用 babel 的过程中，我强烈推荐使用 babel-load-config，它可以让你的开发变得更加简单和高效。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/70803