gulp和webpack之间的区别

Posted 2020-09-27 小闹心lu

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，也可以实现相似的替代的方案，反之则不行。