[置顶]Gulp和webpack的区别，是一种工具吗？

概述背景：最近收到很多童鞋的问题：gulp和webpack 什么关系，是一种东西吗？可以只用gulp，不用webpack吗 或者反过来？基于此问：我简单归结了一下区别和概念，让需要的同学阅读理解，从而不把时间浪费到这种模糊不清的选择问题上！--------------------------------

背景： 最近收到很多童鞋的问题：gulp和webpack 甚么关系，是1种东西吗？可以只用gulp，不用webpack吗 或反过来？

基于此问： 我简单归结了1下区分和概念，让需要的同学浏览理解，从而不把时间浪费到这类模糊不清的选择问题上！

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------

gulp是工具链、构建工具，可以配合各种插件做Js紧缩，CSS紧缩，less编译 替换手工实现自动化工作

1.构建工具

2.自动化

3.提高效力用

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

1.打包工具

2.模块化辨认

3.编译模块代码方案用

所以定义和用法上来讲 都不是1种东西，无可比性 ，更不冲突！【固然，也有类似的功能，比如合并，辨别，但各有各的优势】

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Gulp：解释图【纯原创】转载请注明出处

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Webpack：解释图【来自网络和官网】

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

基于此问： 来自知乎的1篇回答！够白话文了：

怎样解释呢？由于 Gulp 和 browserify / webpack 不是1回事

Gulp应当和Grunt比较，他们的区分我就不说了，说说用途吧。Gulp / Grunt 是1种工具，能够优化前端工作流程。比如自动刷新页面、combo、紧缩CSS、Js、编译less等等。简单来讲，就是使用Gulp/Grunt，然后配置你需要的插件，就能够把之前需要手工做的事情让它帮你做了。

说到 browserify / webpack ，那还要说到 seaJs / requireJs 。这4个都是Js模块化的方案。其中seaJs / require 是1种类型，browserify / webpack 是另外一种类型。

seaJs / require : 是1种在线"编译" 模块的方案，相当于在页面上加载1个 CMD/AMD 解释器。这样阅读器就认识了 define、exports、module 这些东西。也就实现了模块化。
browserify / webpack : 是1个预编译模块的方案，相比于上面 ，这个方案更加智能。没用过browserify，这里以webpack为例。首先，它是预编译的，不需要在阅读器中加载解释器。另外，你在本地直接写Js，不论是 AMD / CMD / ES6 风格的模块化，它都能认识，并且编译成阅读器认识的Js。这样就知道，Gulp是1个工具，而webpack等等是模块化方案。Gulp也能够配置seaJs、requireJs乃至webpack的插件。
不知道这样够清楚了么？

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

加入： Js前端开发 QQ群 ：147250970  欢迎加入~！气氛热忱，欢乐多，妹子多！

 

web前端 聚集地，会聚了全国顶尖的web前端酷爱者，最新技术，最炫潮流，最靠谱的话题：
  做好现在！技术只是为了改变生活！Js前端实用开发QQ群 ：147250970

总结

以上是内存溢出为你收集整理的[置顶] Gulp和webpack的区别，是一种工具吗？全部内容，希望文章能够帮你解决[置顶] Gulp和webpack的区别，是一种工具吗？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。