gulp和webpack之间的区别

webpack 是一个打包工具


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

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

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

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

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

总结:gulp 可以拥有完整的 webpack,也可以实现相似的替代的方案,反之则不行。

原文地址:https://www.cnblogs.com/llff123/p/7141336.html