常用的自动化构建工具

1、Grunt

算是最早的前端构建系统了，它的插件生态非常的完善，用官方的一句话来说，它的插件几乎可以帮你自动化的去完成任何你想要的做的事情；但是由于它的工作过程是基于临时文件去实现的，所以说它的构建速度较慢；例如，使用它去完成我们项目中sass文件的构建，先对sass文件进行编译工作，然后自动添加一些私有属性的前缀，最后再去压缩代码。这样一个过程当中，Grunt每一步都会有磁盘读写操作，对于大型项目，项目文件比较多，那么构建速度就会特别的慢。

2、Gulp

Gulp很好的解决了Grunt构建速度特别慢的问题，因为它是基于内存去实现的，也就是说它对文件的处理环节都是在内存当中完成的。相对于磁盘读写，速度就会快很多。另外，它默认支持同时执行多个任务，那么效率就会自然大大的提高，而且它的使用方式相对于Grunt更加直观易懂，插件生态也同样非常完善，所以它后来居上，目前更受欢迎，是目前市面上最流行的前端构建系统了。

3、FIS

是百度的前端团队推出的一款构建系统，最早只在他们团队内部使用，后来开源过后在国内开始快速流行。相对于前两个构建系统，这种微内核的特点，FIS更像是一种捆绑套餐，它把我们在项目中一些典型的需求尽可能的集成在内部。例如我们在FIS当中可以很轻松的处理资源加载、模块化开发、代码部署，甚至是性能优化，正是因为这种大而全，所以在国内很多项目当中就流行开了。

总体来说，如果是初学者的话，可能FIS更适合；但是如果要求灵活多变，Gulp、Grunt是更好的选择。新手需要规则，老手渴望自由。

注：webpack是一个模块打包工具。