前端工程化中，一定会涉及到自动化构建。目前较为主流的自动化构建工具包括grunt、gulp和webpack。那么一个初涉前端的萌新，面对这三种构建工具，该如何抉择。这里将简单的对三者进行一个介绍和对比。

grunt

优点：

1、拥有较多的三方插件，方便开发者使用

2、灵活，能够自定义各种任务，并只执行定义的任务

缺点：

1、配置复杂，配置格式是JSON格式，比较难看懂和编写

2、大量的IO操作

gulp

优点：

1、语法清晰，能够比较方便的书写各种自定义任务

2、使用内存进行构建，构建速度快于grunt

缺点：

1、任务执行是非顺序的，所以使用时需要特别注意任务先后顺序

2、拥有的第三方插件少于grunt且社区活跃度一般

webpack

优点：

1、专注于处理模块化的项目，能开箱即用

2、拥有大量的第三方插件和活跃的社区

3、配置代码易于扩展和阅读

缺点：

1、只能用于采用模块化开发的项目

总结

随着主流框架react和vue的推广和使用，其各自的官方都出了基于webpack的脚手架工具create-react-app和vue-cli，webpack慢慢的占据了主流的地位。