什么是 broccoli-whatchanged？
broccoli-whatchanged 是一个 Node.js 模块，用于在开发过程中监测文件变化并自动构建项目。它是 Broccoli 构建工具的一个插件，可以帮助前端开发者快速生成静态资源，并随着文件变化实时更新构建结果。
如何安装 broccoli-whatchanged？
使用 npm 命令即可安装 broccoli-whatchanged。
npm install broccoli-whatchanged --save-dev
如何使用 broccoli-whatchanged？
首先，在项目的根目录下创建一个 Brocfile.js 文件，并引入 broccoli-whatchanged 模块。
const Broccoli = require('broccoli');
const Watcher = require('broccoli-whatchanged');接下来，可以通过 Broccoli 模块将项目构建成一个树状对象，然后将这个对象传入 Watcher 模块中，即可启动文件变化监测。
const tree = new Broccoli(inputTree);
const watcher = new Watcher(tree);
watcher.then(outputTree => {
// 输出构建结果
});在 watcher.then 中，可以获取到构建结果，然后将其输出。每当文件发生变化时，Broccoli 将会重新构建项目，并将最新的结果传入 then 方法中。
完整示例
下面是一个简单的示例，创建了一个 Brocfile.js 文件并使用 broccoli-whatchanged 模块自动构建项目：
-- -------------------- ---- ------- ----- -------- - -------------------- ----- ------- - -------------------------------- ----- --------- - ------ ----- ---------- - ------- ----- ---- - --- -------------------- ----- ------- - --- -------------- ----------------------- -- - ---------------- ------ ---- ----- ------------ ---
在上面的例子中，inputTree 是项目的根目录，outputTree 是构建结果的输出目录。每当 inputTree 中的文件发生变化时，watcher.then 方法会重新构建项目，并输出最新的构建结果。
总结
broccoli-whatchanged 是一个非常实用的 Node.js 模块，可以帮助前端开发者在开发过程中自动构建项目并实时监测文件变化。使用它，能够提高项目开发效率，同时也能够更好地保障项目的质量和稳定性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c89ccdc64669dde51a5