什么是 broccoli-tornado
Broccoli-tornado 是一个基于 Node.js 的构建工具，可以帮助开发人员更高效地构建前端项目，包括但不限于 HTML、CSS、JavaScript、Typescript 等文件。它借鉴了 Gulp 的设计思路，采用插件机制，同时利用 Broccoli 和 Tornado 进行优化，使得编译速度更快、热更新更及时。
安装使用
安装 broccoli-tornado，首先要确保已安装了 Node.js。在终端运行以下命令即可：
--- ------- -- ----------------
插件使用
broccoli-tornado 的插件系统有点类似于 Gulp 的管道机制，可以方便地使用各种插件进行前端构建、压缩等操作。
以下是一个简单的示例，展示如何使用 broccoli-tornado 进行 CSS 压缩：
-- -- ---------------- ----- ----- --------------- - ---------------------------- ----- ------------ - -------------------------- -- ---- -------- ----- -------- - -------------------------------------- -- -------- ------------ -- -- -------------- ------ ---- ---------------- -- - ---------------- ------- ---
在上面的代码中，我们通过 require("gulp-clean-css") 导入了 gulp-clean-css 这个插件，然后把它作为一个配置项传入 createPipeline 函数中。当该 pipeline 执行时，它会自动调用 gulp-clean-css 进行 CSS 压缩。
持续集成
broccoli-tornado 也支持与 Travis CI、Jenkins、CircleCI 等持续集成平台集成，以实现持续集成和自动化部署。
以下是一个集成 Travis CI 的示例，在在 .travis.yml 文件中编写以下内容：
--------- ------- -------- - ---- -------------- - --- ------- ------- - ---------------- ----- -----
这里的 npm install 是预先安装所需的 package，而 broccoli-tornado build dist/ 则是一个 build 脚本，用来执行 broccoli-tornado 的打包操作，并把生成的文件输出到 dist/ 目录下。
结语
通过本文的讲解，相信您已经了解到了 broccoli-tornado 的基本用法和部分高级用法。希望本文能对您在实际项目开发中有所帮助！
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066c89ccdc64669dde5171