在前端开发中，经常需要在一个项目中引入多个 js 文件，但是每次手动添加 require 语句太过繁琐，随着项目越来越大，这个问题就越加明显。为了解决这个问题，我们可以使用 npm 包 create-index-js。
什么是 create-index-js
create-index-js 是一个可以自动创建 index.js 文件的 npm 包，使用它可以大大减少手动引入文件的工作量，同时也是一个比较好的约定。create-index-js 可以识别指定目录下的所有 JavaScript 文件，并在 index.js 文件中自动生成 require 语句。
如何使用 create-index-js
安装
首先，需要在项目中安装 create-index-js，通过 npm install create-index-js 命令即可安装。
npm install create-index-js --save-dev
配置
安装成功后，需要进行一些配置。在 package.json 文件中添加一下配置项：
{
"create-index-js": {
"root": "./src",
"ignore": ["./src/ignore.js"],
"recursive": true
}
}- root: 指定需要生成 index.js 文件的目录。
- ignore：忽略指定的文件或者目录不生成。
- recursive：是否递归处理子目录。
除了通过 package.json 文件配置，也可以通过命令行参数进行配置，如下所示：
create-index-js --root ./src --ignore ./src/ignore.js --recursive
运行
配置完成后，使用以下命令即可自动生成 index.js 文件。
npx create-index-js
生成的 index.js 文件内容如下：
const file1 = require('./file1')
const file2 = require('./file2')
module.exports = {
file1,
file2
}生成的内容可以直接复制到项目中使用，大大减少了引入文件的工作量。
create-index-js 的学习意义
通过学习使用 create-index-js，并且在实际的前端项目中使用，可以让我们更好的理解模块化开发，了解模块化开发的好处和约定。
同时，使用 create-index-js 可以提高项目开发的效率，减少重复的机械性工作，让我们更加专注于业务开发。
示例代码
-- -------------------- ---- ------- -- -------- -------------- - ---------- - ----------------- -- ------- - -- -------- -------------- - ---------- - ----------------- -- ------- -
-- -------------------- ---- -------
-- ------------
-
------- -----------------------
---------- --------
-------------- ---
------- -----------
---------- -
------------------ -----------------
--
------------------ -
------- --------
--------- --------------------
------------ ----
--
------------------ -
------------------ --------
-
-来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600668e2d9381d61a35409c6