随着前端项目规模和复杂性不断提升，企业对Web前端人员的要求也不断增高.想要更好的完成开发任务，前端人员也应该及时了解各类构建思想和相应工具。下面，千锋武汉Web前端培训老师就为大家介绍时下流行的前端构建工具 Gulp 和 Webpack，并总结下两者的区别。

       Gulp

       Gulp强调的是前端开发的工作流程。我们可以通过配置一系列的task，定义task处理的事务（例如文件压缩合并、雪碧图、启动server、版本控制等），然后定义执行顺序，来让Gulp执行这些task，从而构建项目的整个前端开发流程。

       说的形象点，“Gulp就像是一个产品的流水线，整个产品从无到有，都要受流水线的控制，在流水线上我们可以对产品进行管理。”

       Webpack

       Webpack是一个前端模块化方案，更侧重模块打包。我们可以把开发中的所有资源（图片、js文件、css文件等）都看成模块，通过loader（加载器）和plugins（插件）对资源进行处理，打包成符合生产环境部署的前端资源。

       Webpack就是需要通过其配置文件（Webpack.config.js）中 entry 配置的一个入口文件（JS文件），然后在解析过程中，发现其他的模块，如scss等文件，再调用配置的loader或者插件对相关文件进行解析处理。

       两者区别

       虽然Gulp 和 Webpack都是前端自动化构建工具，但看2者的定位就知道不是对等的。Gulp严格上讲，模块化不是他强调的东西，旨在规范前端开发流程。Webpack更明显的强调模块化开发，而那些文件压缩合并、预处理等功能，不过是他附带的功能。

       以上就是千锋武汉Web前端培训老师介绍的前端构建工具 Gulp 和 Webpack，以及两者之间的区别。如今互联网发展迅速，Web前端人员也应该与时俱进的不断学习。千锋武汉Web前端培训全程面授，以实战项目驱动教学，课程引入阿里React+Dva+Umi课程，强化TypeScript，强化多端混合开发框架，强化 Node课程，强化ES规范语法实战，强化服务器端渲染，强化大数据可视化实战，强化Vue/React课程深度等。

       理论加上项目实战，覆盖各行各业实战项目，结合多项商业案例学习，让学员拥有理论基础，同时更具实践能力。现在来千锋武汉Web前端培训机构咨询更能领取两周免费试听课，让你亲身实地感受授课品质，了解学员学习情况。

上一篇

如何判断一家武汉Python培训好坏，从这三点来

下一篇

为什么要学武汉Java培训？武汉Java培训哪家好？