什么是 broccoli-anything-to-js？
broccoli-anything-to-js 是一个 broccoli 插件，它可以将任意的文件格式编译成 JavaScript 模块，并通过 module.exports 导出该模块。一个典型的例子就是将 JSON 文件编译为 JavaScript 模块。
安装和使用
安装
使用 npm 进行安装：
npm install broccoli-anything-to-js --save-dev
使用
需要先在项目中将 broccoli 安装并导入：
const broccoli = require('broccoli');然后，可以使用 broccoli-anything-to-js 并指定插件的配置作为参数来构建一个 broccoli 树：
-- -------------------- ---- ------- ----- -------------------- - ----------------------------------- ----- --------- - ------------ -- ---- ----- ---------- - ------------- -- ---- -- ------- ----- ------- - - ----------- -------------- -- ---- ------- --------- ------------- -- ----- -------------------------- - ------------- -- ---- -- -- -------------- -------- - ----- ---- - --- ------------------------------- --------- ----- ------ - -------------------- ------------
以上代码将会编译所有匹配模式为 **/*.json 的文件，并将结果写入 output/dir 目录下。filter 函数中的 content 参数是文件内容，relativePath 参数是文件相对于输入路径的相对路径。
示例
我们可以在 input/dir/json 目录中创建一个包含一些数据的 data.json 文件：
{
"id": 1,
"name": "Alice",
"age": 20
}然后，我们可以创建一个名为 example.js 的文件：
-- -------------------- ---- -------
----- -------------------- - -----------------------------------
----- -------- - ------------
----- --------- - -------------
----- ------- - -
----------- -
-----------
--
------- --------- ------------- -- ----- -------------------------- - -------------
--
----- ---- - --- ------------------------------ ---------
----- ------ - -------------------- -----------运行 node example.js，我们将得到一个 output/dir/json/data.js 文件，其内容如下：
"use strict";
module.exports = {
"id": 1,
"name": "Alice",
"age": 20
};总结
通过这篇文章，我们了解了使用 broccoli-anything-to-js 将任意文件格式编译为 JavaScript 模块的方法。希望这篇文章能够帮助你更好地理解 broccoli 并提高你的前端开发能力。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c8accdc64669dde5254