自动化构建工具

狐七 前端工程化自动化构建

# 常用的自动化构建工具

NPM Script能解决一部分自动化构建的任务，但是对于复杂的构建过程，就不足以满足需求了。目前市面上比较常用的构建工具有

Grunt —— 是最早的前端构建系统，插件生态非常的完善。由于其工作过程是基于临时文件实现的，每一步都要读写磁盘，所以构建速度相对较慢。
Gulp —— 很好的解决了Grunt构建速度慢的问题，因为它是基于内存实现的，相对于磁盘读写，速度就快了很多。另外其默认支持同时执行多个任务，效率大大提高。而且其使用方式比grunt更加直观易懂，插件生态也同样非常完善。
FIS —— 是百度团队推出的一款前端构建系统，FIS更像一种捆绑套餐，它把我们在项目中典型的问题都尽可能的集成在内部，我们可以在里面使用资源加载、模块化开发，代码部署，性能优化。

如果是新手，FIS比较适合，那么Grunt和Gulp更加灵活。

gulp能做的事情，webpack都能做。那为什么我们要用gulp？从本质上来说他们本不应该放在一起去比较，因为webpack总是在突破自己的边界。如果我们不适用框架的时候，或者不是单页应用或者一些小项目的时候，适用webpack并不是很合适。

他们在设计之初，一个是做任务调度的，你想干嘛你可以用它去实现。webpack想做什么就去配置。