【发布时间】:2015-10-03 11:02:27
【问题描述】:
我对 Webpack 和 gulp 感到困惑。我知道 gulp 是任务运行器,而 webpack 是模块捆绑器,但似乎有很多重叠的功能?比如编译、缩小、临时实时服务器等。我的问题是我可以在生产中用 webpack 替换 gulp 吗?
我知道 gulp 有很多功能,但我主要关注的是缩小、连接、实时服务器、实时重新加载、uglify、sourcemap。
【问题讨论】:
我对 Webpack 和 gulp 感到困惑。我知道 gulp 是任务运行器,而 webpack 是模块捆绑器,但似乎有很多重叠的功能?比如编译、缩小、临时实时服务器等。我的问题是我可以在生产中用 webpack 替换 gulp 吗?
我知道 gulp 有很多功能,但我主要关注的是缩小、连接、实时服务器、实时重新加载、uglify、sourcemap。
【问题讨论】:
如果您只需要 webpack 提供的功能,那么最好将 webpack 与 webpack dev server 一起使用。两者都使用是多余的。
我目前在我的一些项目中使用 grunt 和 webpack,这些项目最初是通过 grunt 来连接、缩小和测试的。现在我使用grunt-concurrent 生成 webpack 和 karma。
【讨论】:
关于任务运行器与模块捆绑器,您是对的。不同之处在于你告诉 Gulp 如何 一步一步地把前端代码放在一起,但是你通过一个配置文件告诉 Webpack 你想要什么。因此,这不仅仅是功能上的重叠,更多的是思维方式的改变。
这是我写的一篇短文(5 分钟阅读),用简单的例子解释了差异:https://medium.com/@Maokai/compile-the-front-end-from-gulp-to-webpack-c45671ad87fe
我们公司在过去一年从 Gulp 迁移到了 Webpack。虽然花了一些时间,但我们想出了如何将我们在 Gulp 中所做的一切转移到 Webpack 中。所以对我们来说,我们在 Gulp 中所做的一切也可以通过 Webpack 完成,但反过来不行。
【讨论】: