本文详述了webpack与gulp的区别，重点解释了webpack中的entry、output、loader、plugins、bundle、chunk、module等核心概念，并探讨了webpack-dev-server在开发中的角色，包括模块热更新和环境拆分策略。此外，文章提到了前端发展趋势和推荐的学习资源，旨在帮助开发者提升前端技能。
-
webpack是一个模块打包工具，可以递归地打包项目中的所有模块，最终生成几个打包后的文件。
-
区别：webpack支持代码分割，模块化（AMD,CommonJ,ES2015），全局分析
webpack 和 gulp 的区别？
-
webpack是一个模块打包器，强调的是一个前端模块化方案，更侧重模块打包，我们可以把开发中的所有资源都看成是模块，通过loader和plugin对资源进行处理。
-
gulp是一个前端自动化构建工具，强调的是前端开发的工作流程，可以通过配置一系列的task，第一task处理的事情（如代码压缩，合并，编译以及浏览器实时更新等）。然后定义这些执行顺序，来让glup执行这些task，从而构建项目的整个开发流程。自动化构建工具并不能把所有的模块打包到一起，也不能构建不同模块之间的依赖关系。
什么是entry,output
-
entry 入口，告诉webpack要使用哪个模块作为构建项目的起点，默认为./src/index.js
-
output 出口，告诉webpack在哪里输出它打包好的代码以及如何命名，默认为./dist
最低0.47元/天 解锁文章
扫一扫
21万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
