如何设置Grunt，Webpack和Babel

Question

如何设置Grunt，Webpack和Babel

7

因此，我想知道将Babel和Webpack与Grunt集成的最佳实践是什么。有一个grunt-babel插件，一个grunt-webpack插件和一个babel-loader适用于Webpack。应该在Webpack中配置Babel还是在Grunt配置中？

前端开发让我崩溃。

- durrrutti

1

我也在同一条船上。零散的文档让我感到很困扰。这是我的配置http://dpaste.com/3NBJE8E，或许可以帮到你。请注意，我跳过了webpack配置，只设置了`Gruntfile.js`。 - tutuca

我不知道是否有任何最佳实践，但如果我在使用Webpack，我更喜欢尽可能多地使用它。我想我的答案是“保持一致”。要么充分利用Webpack的功能，在那里尽可能多地完成工作，要么只在Webpack中进行最少量的工作，并专注于Grunt。不要把它散布在两个地方。这只是我的个人意见。 - Hannes Johansson

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- morkro · Accepted Answer

我之前也曾经遇到过这个问题，但是最终为我和我的团队找到了可行的解决方案。

应该在Webpack还是Grunt配置Babel？

这完全取决于你，但无论你决定使用哪个工具，请坚持使用它。不要在一个地方配置某些东西，在其他地方使用另一个工具。请在Webpack或Grunt中完全进行配置。

由于我所有项目都是在Gruntfile.js中完成配置的，因此我发现在那里定义Babel （或者我所有的插件）非常方便。将其分成几个文件只会让人感到困惑。

如果有人尝试使用Babel和Grunt的grunt-browserify进行其他工作流程，我编写了一个ES6样板，介绍如何设置正确的项目。