现在的位置: 首页 > web前端 > 正文

Broccoli js构建工具

2020年07月06日 web前端 ⁄ 共 855字 ⁄ 字号 评论关闭

  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中,。

抱歉!评论已关闭.