Broccoli是一个JavaScript构建工具,它公开了一个简单的JavaScriptAPI来执行基于文件的转换,允许开发人员使用简单的功能API轻松构建复杂的构建管道。
Broccoli.js特点
快速
即使您正在处理数百个文件,Broccoli的增量重建系统也会为您提供亚秒级的编译时间。
较少代码
Broccoli的高质量插件生态系统意味着您只需为大多数常见任务编写几行代码。
灵活
单独使用Broccoli,或作为Grunt,Rails,ember-cli甚至制作等大型系统的一部分
ES6模块
Brocfile.js只是一个ES6模块
Broccoli.js安装
npminstall--save-devbroccoli
npminstall--globalbroccoli-cli
Broccoli提供了一个简单,实用的JavaScriptAPI,例如:
/*Brocfile.js*/
importSassSourceMapsfrom'broccoli-sass-source-maps';
importSassfrom'sass';
importbabelfrom'broccoli-babel-transpiler';
importmergefrom'broccoli-merge-trees';
constcompileSass=SassSourceMaps(Sass);
constappRoot='app';
conststyles=compileSass([appRoot],'styles/app.scss','assets/app.css');
constscripts=babel(appRoot);
exportdefault()=>merge([styles,scripts]);
总之,你将需要一个构建工具以及一种将Babel与构建管道整合在一起的方法。我们将要把Babel整合到构建工具Broccoli.js中,。