常用的自动化构建工具
Grunt:
Grunt 最早的前端构建系统。拥有完善的插件生态,其插件几乎可以自动化完成任何事情。
但是其工作过程基于临时文件去实现的,因此其构建速度相对较慢。
例如:使用 Grunt 去完成项目中 sass 文件的构建,一般先对 sass 文件做编译操作;再去自动添加一些自由属性的前缀;最后再去压缩代码;再此过程当中 Grunt 每一步都有磁盘读写操作。好比如 sass 文件在编译完成过后 Grunt 就会将结果写入到临时文件,然后插件进行下一步的时会先去 读取这个临时文件。如此一来,这样处理的环节越多,则文件读写的次数就会越多,对于超大型项目当中项目文件非常多,那么我们项目构建的速度就会非常的慢。
Gulp:
Gulp 基于内存是实现的,因此它很好的解决了 Grunt 当中构建速度慢的问题。它对文件处理环节都是在内存中完成的,相对于磁盘读写,速度自然更快。
默认支持同时执行多个任务,因此效率自然大大提高。
执行方式相对于 Grunt 更加直观易懂。插件生态也同样非常完善。
目前市面上最流行的钱都构建系统。
FIS:
FIS 是百度前端团队推出的一款构建系统。相对于 Grunt 和 Gulp 微内核的特点,FIS 更像一种捆绑套餐。它可以把我们项目当中的一些典型的需求尽可能的集成在了其内部,例如:资源加载、模块化开发、代码部署、性能优化...
FIS 大而全,规则明显更加利于上手