什么是 babel-plugin-require-all？
babel-plugin-require-all 是一个 Babel 插件，它可以在编译 JavaScript 代码时，把指定的文件夹中的所有文件都转化为 require 表达式，方便代码中进行全局调用。
安装和使用
安装
使用 NPM 安装：
npm install babel-plugin-require-all --save-dev
使用
在 .babelrc 中添加该插件：
{
"plugins": ["require-all"]
}或者在 Babel 命令中添加该插件：
babel src --plugins require-all -d lib
实际应用
下面我们通过一个例子来说明如何在项目中使用 babel-plugin-require-all 。
在项目中，我们经常会用到一些第三方功能模块（如 lodash ），在前端开发中，我们通常需要将这些模块全部导入到我们的主文件中。然而，当我们依赖多个模块时，这个过程就会变得非常繁琐和麻烦。 而使用 babel-plugin-require-all 可以大大减少这个过程的工作量。
首先，我们需要在我们的项目中安装 lodash 模块。
npm install --save lodash
接下来，我们新建一个 util 目录，并把我们需要导入的 lodash 中的所有 js 文件都放到这个目录下：
util/
- array.js
- chain.js
- ...然后，在我们的主文件中引用插件：
// index.js
import requireAll from 'babel-plugin-require-all';
requireAll(`${__dirname}/util`);接下来，通过使用 babel-plugin-require-all 插件，我们的代码会自动将 util 目录下的所有文件导入到我们的主文件中。
// 转换后的代码 import _array from 'lodash/array'; import _chain from 'lodash/chain'; import _collection from 'lodash/collection'; // ...
完整的代码实现如下：
// index.js
import requireAll from 'babel-plugin-require-all';
requireAll(`${__dirname}/util`);
// 使用导入的模块
_array.chunk([1,2,3,4], 2); // [[1,2], [3,4]]结语
在项目中使用 babel-plugin-require-all 插件，可以有效的减少我们在导入第三方模块时的代码量和重复工作，让我们有更多的时间和精力去关注项目的开发和优化。
在使用插件时，我们需要慎重选择需要导入的模块，避免导入无用模块，导致项目的性能下降。同时，我们也要根据实际情况，选择合适的文件夹来存放需要导入的模块。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600556c581e8991b448d3985