gulp与webpack的区别？是一种工具吗？

问：gulp和webpack什么关系，是一种东西吗？可以只用gulp，不用webpack吗或者反过来？有什么区别?

答：gulp是工具链、自动化构建工具，可以配合各种插件，我们不用再做机械重复的工作，替代手工实现自动化工作。

　　完成 js压缩，css压缩，less编译，检查语法，自动刷新页面。

　　1.构建工具 2.自动化 3.提高效率用

　　webpack是文件打包工具，可以把项目的各种js文件、css文件等打包合并成一个或多个文件，主要用于模块化方案，预编译模块的方案。

　　1.打包工具 2.模块化识别 3.编译模块代码方案用

　　所以定义和用法上来说都不是一种东西，无可比性，更不冲突！【当然，也有相似的功能，比如合并，区分，但各有各的优势】

释：Gulp应该和Grunt比较，区别就不说了，说说用处吧。

　　Gulp / Grunt 是一种工具，能够优化前端工作流程。

　　比如自动刷新页面、combo、压缩css、js、自动编译less、sass为css等等。

　　简单来说，就是使用Gulp/Grunt，然后配置你需要的插件，就可以把以前需要手工做的事情让它帮你做了。

　　browserify / webpack ，那还要说到 seajs / requirejs 。这四个都是JS模块化的方案。

　　其中seajs / require 是一种类型，browserify / webpack 是另一种类型。

　　seajs / require : 是一种在线"编译" 模块的方案，相当于在页面上加载一个 CMD/AMD 解释器。

　　　　　　　　　　这样浏览器就认识了 define、exports、module 这些东西。也就实现了模块化。

　　browserify / webpack : 是一个预编译模块的方案，相比于上面，这个方案更加智能。

　　　　　　　　　　没用过browserify，这里以webpack为例。首先，它是预编译的，不需要在浏览器中加载解释器。

　　　　　　　　　　另外，你在本地直接写JS，不管是 AMD / CMD / ES6 风格的模块化，它都能认识，并且编译成浏览器认识的JS。

　　这样就知道，Gulp是一个工具，而webpack等等是模块化方案。Gulp也可以配置seajs、requirejs甚至webpack的插件。

参考文献：

巴特西