Gulp和Webpack工具的区别
Posted 指尖下的精灵
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Gulp和Webpack工具的区别相关的知识，希望对你有一定的参考价值。
首先，Gulp和browserify/webpack不是一回事儿。
其次，Gulp应该和Grunt比较，他们的区别就不多说了，说说用处吧。Gulp/Grunt是一种工具，能够优化前端工作流程，比如自动刷新页面，combo，压缩css，js编译less等等。简单来说，就是使用Gulp和Grunt，然后配置你需要的插件，就可以把以前需要手工做的事情让它帮你做了。
说到browserify/webpack,那还要说到seajs和requirejs，这四个都是模块化的方案。其中seajs和requirjs是一种类型，browserify/webpack是另一种类型。
requirejs/seajs：是一种在线“编译”模块的方案，相当于在页面上面加载一个CMD/AMD解释器，这样浏览器就认识了define，exports，module这些东西，也就实现了模块化。
browserify/webpack：是一个预编译模块的方案，相比于上面，这个方案更加智能。没有用过browserify，这里以webpack为例，首先，它是预编译的，不需要在浏览器中加载解释器。另外，你在本地直接写JS,不管是AMD/CMD/ES6风格的模块化，他都能认识，并且编译成浏览器认识的JS。
这样就知道，Gulp是一个工具，而webpack等等是模块化方案。Gulp也可以配置seajs，requirejs甚至webpackd的插件。
引用知乎的回答：https://www.zhihu.com/question/37020798
以上是关于Gulp和Webpack工具的区别的主要内容，如果未能解决你的问题，请参考以下文章