javascript - 前端开发应该如何应用自动化呢？

Question

在前端开发的过程中，有一些不错的自动化工具，如gulp，grunt，webpack。它们的功能都有重叠，那么在一个项目中，应该如何去应用它们呢？
比如gulp在什么阶段使用，webpack又在什么阶段使用？还是整套流程都只用一个呢（全程用webpack的话开发效率和性能损耗感觉会不太好吧）？

Answer 1

1. grunt 不用考虑了；

2. gulp 是 TaskRunner 工具， webpack 是一种模块化解决方案，但两个在一些功能上会有重合；

3. gulp 在常规的合并、压缩代码等功能上面很成熟，配置也十分简单，上手极快；
   webpack适合大规模的模块化发开的项目，配置略复杂；

4. 也有很多人一起用的，例如webpack + gulp 在前端中的应用

Answer 2

主要看自己的需求能不能满足，我是全程用webpack，轻松又愉快。