如何设置Grunt,Webpack和Babel

Question

所以,我想知道将Babel和Webpack与Grunt集成的最佳实践是什么.有一个grunt-babel插件,一个grunt-webpack插件和一个用于Webpack 的babel-loader.应该在Webpack或Grunt配置中配置Babel吗？

前端开发正在扼杀我.

Answer 1

不久前我也曾为此苦苦挣扎，但设法为我和我的团队找到了一个可行的解决方案。

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

好吧，这完全取决于你，但无论你决定什么：坚持下去。不要在那里配置某些东西并在其他地方配置另一个工具。完全在 Webpack 或 Grunt 中完成。

由于我所有的项目配置都是以Gruntfile.js无论如何方式完成的，我发现在那里定义 Babel （或一般的所有插件）也很方便。将它分成几个文件只是令人困惑。

为了防止有人尝试grunt-browserify使用 Babel 和 Grunt 的另一个工作流程，我编写了一些ES6 样板文件来说明如何设置正确的项目。