如何设置Grunt，Webpack和Babel

Question

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

前端开发正在扼杀我。

Answer 1

前段时间我也很挣扎，但我和我的团队找到了一个有效的解决方案。

  

应该在Webpack中配置Babel，还是在Grunt配置中配置？

完全可以，但不管你决定：坚持下去。别在那里配置一些东西，在别处配置另一种工具。在Webpack或Grunt中完全执行此操作。

由于我的所有项目配置都在Gruntfile.js完成，我发现在那里定义Babel （或者我的所有插件）也很方便。 将其拆分为多个文件只会让人感到困惑。

如果有人可能使用Babel和Grunt尝试使用grunt-browserify的其他工作流程，我在如何设置正确的项目时写了一点ES6 boilerplate。