Gulp + Webpack还是Just Webpack？

老实说，我认为最好是同时使用两者。

• 所有与javascript相关的Webpack。
• 吞噬所有相关的css。

我仍然必须找到一种用webpack打包css的不错的解决方案，到目前为止，我很高兴将gulp用于css和将webpack用于javascript。

我还npm按照描述将脚本用作@Tetradev。特别是因为我正在使用Visual Studio，并且虽然NPM Task runner很可靠 Webpack Task Runner，但是却很容易出错。

Gulp和Webpack的概念完全不同。您告诉Gulp 如何逐步将前端代码放在一起，但是您通过配置文件告诉Webpack 您想要什么。

这是我写的一篇简短文章（阅读5分钟），解释了我对这些区别的理解：https : //medium.com/@Maokai/compile-the-front-end-from-gulp-to-webpack-c45671ad87fe

在过去的一年中，我们公司从Gulp迁移到Webpack。尽管花费了一些时间，但我们仍想出了如何将在Gulp中所做的所有工作转移到Webpack。因此，对我们来说，我们在Gulp中所做的一切也可以通过Webpack来完成，但反之则不行。

从今天开始，我建议您只使用Webpack，避免将Gulp和Webpack混合使用，这样您和您的团队就无需学习和维护两者，尤其是因为它们需要截然不同的心态。

我在不同的项目中都使用了这两个选项。

这里是一个样板，我放在一起用gulp用webpack- https://github.com/iroy2000/react-reflux-boilerplate-with-webpack。

我只有用一些其他的项目webpack有npm tasks。

他们俩都工作得很好。我认为这归结为您的任务有多复杂，以及您希望在配置中拥有多少控制权。

例如，如果你的任务很简单，让我们说dev，build，test...等（这是非常标准的），你是完全罚款只是简单的webpack用npm tasks。

但是，如果您的工作流程非常复杂，并且希望对配置进行更多控制（因为它是编码的），则可以采用gulp路由。

但是从我的经验来看，webpack生态系统提供了我所需的足够多的插件和加载器，因此我喜欢使用最基本的方法，除非您只能在吞吃中做些。而且，如果您的系统中少了一件东西，它将使您的配置更加容易。

如今，很多时候，我看到人们实际上将gulp and browsify所有的人都替换成了一个人webpack。

2020年更新

如果您使用ReactJS，请使用create-react-app。我一直在尝试使用webpack和gulp的组合在Electron中配置React App，但是以某种方式失败了。然后，感谢本文解决了我的问题。如果您尝试使用gulp进行sass编译，则也可以使用create-react-app进行此操作，如官方文档中所述