gulp和webpack之间的区别

2021-06-29 12:03

阅读:390

webpack 是一个打包工具


webpack 是用来把你的源文件打包成一个文件的,你做了一系列配置以后,可以用一句 webpack 实现打包的功能。

webpack的作用是从若干个文件开始顺藤摸瓜,根据文件之间的引用关系找到所有相关文件,把他们打包到若干打包文件里。

 

gulp 是一个自动化工具
gulp 是用来实现自动化的,你写了一堆任务之后,可以用一句 gulp 执行你所需要的所有任务。

用于寻找不同任务之间的依赖关系,找到正确的执行顺序,基本上什么任务都可以做,包括webpack任务。比如:将less文件转成css文件

需要注意的是,gulp 本身,不载入任何包的话,什么事情都做不了。
  • 如果你在 gulp 里只载入了 webpack,那么此时 gulp 的作用 === webpack 的作用;
  • 如果你 gulp 里没有载入 webpack,虽然还可以由一些其它工具实现打包,但打包的方式不同于 webpack,所以此时 gulp ∩ webpack = ?;
  • 而如果你的 gulp 载入了 webpack 和别的包,那么此时 webpack ∈gulp。


评论


亲,登录后才可以留言!