在前端开发中，模块化开发已经成为一种趋势，然而模块化开发需要使用到构建工具，而构建工具中又离不开使用到一些 npm 包。broccoli-read-compat 就是使用在构建工具中的一款非常优秀的 npm 包。
什么是 broccoli-read-compat
broccoli-read-compat 是一款用于读取文件的 npm 包，它是基于 broccoli 构建工具的，可以用于构建 JavaScript 应用程序和网站的自动构建。broccoli-read-compat 实现了对传统 JavaScript 构建系统中的文件读取 API 的兼容，同时支持 Node.js 0.10.x 和 Node.js 0.12.x。
如何使用 broccoli-read-compat
在使用 broccoli-read-compat 之前，我们需要先全局安装 broccoli，安装指令如下：
--- - -- ------------
在全局安装完 broccoli 之后，我们就可以在项目中使用 broccoli-read-compat 了。首先，我们需要在项目中安装 broccoli-read-compat，安装指令如下：
--- - ------ --------------------
安装好 broccoli-read-compat 之后，我们就可以在项目中引用它。引用 broccoli-read-compat 的代码如下所示：
--- ------ - -------------------------------- --- ---- - ------------ ---------
其中，path 表示要读取文件的路径，options 表示读取文件的一些选项配置。
示例代码
下面我们来看一个简单的示例，将两个文件合并成一个文件。
首先，在项目根目录下新建一个 src 文件夹，然后在 src 文件夹下新建两个文件，分别命名为 a.js 和 b.js。代码分别如下所示：
------ ----------------- ------ -----------------
然后，我们再在项目根目录下新建一个 index.js 文件，代码如下所示：
--- ------ - --------------------------------
--- ----- - --------------------------------
--- ------ - ---------------------------
--- -- - --------------
--- ---- - ------
--- ------- - -
------ -
---- -------- ---------- --------- -
--------------------- -------- ------- ----- -
-- ------- -
------ --------------- ------
-
-------------- ------
---
-
-
--
--- ---- - ------------ ---------
--- ------------ - ---------------------------
--- ---------- - ------------
--- ---------- - ------------------ -
----------- ----------
---
--- ---------- - ------------------ -
------ -------------
------------------- -------- -------------- -
------ ----- - -----------
-
---
-------------- - --------------------以上代码中，我们使用了 merge 和 funnel 两个 broccoli 的 npm 包，它们分别用于合并和移动文件。我们读取 src 文件夹下的所有文件，并将它们合并成一个文件后输出到项目根目录的 js 文件夹下的 output.js 文件中。
最后，在项目根目录下执行以下指令：
-------- ----- ----
指令执行完毕后，打开 dist/js/output.js 文件，可以看到输出结果为：
----------------- -----------------
结语
broccoli-read-compat 可以很好地兼容传统 JavaScript 构建系统中的文件读取 API，非常适合用于构建 JavaScript 应用程序和网站的自动构建。掌握了 broccoli-read-compat 的使用方法，我们可以更好地实现项目的自动化构建。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066c88ccdc64669dde50bd