【简单理解】gulp和webpack的区别

Gulp和Webpack的基本区别：

gulp能够进行js，html，css，img的压缩打包，是自动化构建工具，能够将多个js文件或是css压缩成一个文件，而且能够压缩为一行，以此来减小文件体积，加快请求速度和减小请求次数；而且gulp有task定义处理事务，从而构建总体流程，它是基于流的自动化构建工具。

Webpack是前端构建工具，实现了模块化开发和文件处理。他的思想就是“万物皆为模块”，它可以将各个模块进行按需加载，不会致使加载了无用或冗余的代码。因此他还有个名字叫前端模块化打包工具。

就我而言，我在实际当中会将两种都选择混合使用。虽然两个均可以进行代码的压缩合并减小代码体积，但gulp.config.js中gulp的代码更加简单易懂，须要压缩合并谁就用哪一个方法，而webpack样式合并须要在node环境下下载插件才能使用。另外一点，gulp 是基于流的打包工具，须要谁，引用谁，而且他的压缩简单明了，后期维护起来方便，webpack则能够将具体的模块进行划分，须要哪一个模块就加载哪一个模块，实现按需加载，而且排除掉冗余代码，减小代码体积。

总结起来就是，gulp是基于流的自动化构建工具，但不包括模块化的功能，若是要用到的话，就须要引入外部文件，好比require.js等；而webpack是自动化模块打包工具，自己就具备模块化，而且也具备压缩合并的功能。两者侧重点不一样，我认为相互结合使用会提升代码质量和代码的优化。

 

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

很难受，其实我也不清楚两者那个好那个坏，和我的使用习惯有关，和，也不知道写的对不对，请批评指正，我仍是个小白。。。