webpack与glup的理解和区别

webpack与gulp的理解和区别

webpack是：

webpack是前端构建工具，称为模块打包机（侧重模块打包，打包后的代码已经不只是你写的代码），webpack支持模块化；
构建前端开发过程中常用的文件，如：js，css，html，img等；使用简单方便，自动化构建。
webpack是通过loader（加载器）和plugins（插件）对资源进行处理的。

glup是：

Glup强调的是前端开发的流程，侧重于前端开发的整个过程的控制管理。
合并后仍然是你写的代码，只是局部变量名被替换，一些语法做了转换而已，整体内容并没有发生改变。
我们可以通过给glup配置不同的task来让glup实现不同的功能，从而构建整个前端开发流程。
（通过gulp中的gulp.task（）方法配置，比如server、sass/less预编译、文件的合并压缩等等）

区别：

** gulp严格上讲，模块化不是他强调的东西，他旨在规范前端开发流程。
webpack更是明显强调模块化开发，而那些文件压缩合并、预处理等功能，不过是他附带的功能。**

使用：

除了前端模块化开发，模块之间充分依赖的项目，都不值得webpack去构建；
除此之外的构建工作都应该交给gulp；
目前大一点的项目，webpack和gulp都是同时存在的，只是各自负责擅长的那部分；
比如webapck将模块，互相依赖的分散的代码打包成数个文件，然后在使用gulp任务去压缩，加版本号，替换等等工作。