为什么用webpack和gulp两个打包工具？
来源：4-1 前端模块化
慕娘8101045
2021-11-23 09:38
喜欢老师的课程！
但是有个疑惑，为什么用webpack打包js，用gulp打包css，这样不是要引入两个打包工具吗？为什么不用一个打包工具打包js和css呢？
写回答
关注
2回答
-
- Zz皓
- 2022-01-05 00:21:31
1.Gulp侧重于前端开发的 整个过程 的控制管理（像是流水线），我们可以通过给gulp配置不通的task（通过Gulp中的gulp.task()方法配置，比如启动server、sass/less预编译、文件的合并压缩等等）来让gulp实现不同的功能，从而构建整个前端开发流程。
2.Webpack有人也称之为 模块打包机 ，由此也可以看出Webpack更侧重于模块打包，当然我们可以把开发中的所有资源（图片、js文件、css文件等）都可以看成模块，最初Webpack本身就是为前端JS代码打包而设计的，后来被扩展到其他资源的打包处理。Webpack是通过loader（加载器）和plugins（插件）对资源进行处理的。
3.另外我们知道Gulp是对整个过程进行控制，所以在其配置文件（gulpfile.js）中配置的每一个task对项目中 该task配置路径下所有的资源 都可以管理。比如，对sass文件进行预编译的task可以对其配置路径下的所有sass文件进行预编译处理
-
- 草木芳菲
- 2021-11-23 15:31:54
webpack打包js代码，gulp打包css代码
玩转组件库搭建全流程
本课程通过图文+视频的多元教学方式，带大家从零实现一个Vue的组件库。
8512 学习 · 42 问题
相似问题