在前端开发中，经常需要在一个项目中引入多个 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 命令即可安装。
--- ------- --------------- ----------
配置
安装成功后，需要进行一些配置。在 package.json 文件中添加一下配置项：
-
------------------ -
------- --------
--------- --------------------
------------ ----
-
-- root: 指定需要生成 index.js 文件的目录。
- ignore：忽略指定的文件或者目录不生成。
- recursive：是否递归处理子目录。
除了通过 package.json 文件配置，也可以通过命令行参数进行配置，如下所示：
--------------- ------ ----- -------- --------------- -----------
运行
配置完成后，使用以下命令即可自动生成 index.js 文件。
--- ---------------
生成的 index.js 文件内容如下：
----- ----- - ------------------ ----- ----- - ------------------ -------------- - - ------ ----- -
生成的内容可以直接复制到项目中使用，大大减少了引入文件的工作量。
create-index-js 的学习意义
通过学习使用 create-index-js，并且在实际的前端项目中使用，可以让我们更好的理解模块化开发，了解模块化开发的好处和约定。
同时，使用 create-index-js 可以提高项目开发的效率，减少重复的机械性工作，让我们更加专注于业务开发。
示例代码
-- -------- -------------- - ---------- - ----------------- -- ------- - -- -------- -------------- - ---------- - ----------------- -- ------- -
-- ------------
-
------- -----------------------
---------- --------
-------------- ---
------- -----------
---------- -
------------------ -----------------
--
------------------ -
------- --------
--------- --------------------
------------ ----
--
------------------ -
------------------ --------
-
-来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600668e2d9381d61a35409c6