为了账号安全,请及时绑定邮箱和手机立即绑定

为什么用webpack和gulp两个打包工具?

喜欢老师的课程!

但是有个疑惑,为什么用webpack打包js,用gulp打包css,这样不是要引入两个打包工具吗?为什么不用一个打包工具打包js和css呢?

正在回答

2 回答

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文件进行预编译处理

0 回复 有任何疑惑可以回复我~

webpack打包js代码,gulp打包css代码

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
玩转组件库搭建全流程
  • 参与学习       2567    人
  • 解答问题       7    个

本课程通过图文+视频的多元教学方式,带大家从零实现一个Vue的组件库。

进入课程

为什么用webpack和gulp两个打包工具?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信