如何设置 Grunt、Webpack 和 Babel

How to setup Grunt, Webpack and Babel

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

前端开发快死我了

我前段时间也遇到过这个问题,但设法为我和我的团队找到了可行的解决方案。

Should one configure Babel in Webpack, or in the Grunt config?

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

因为我所有的项目配置都是在 Gruntfile.js 中完成的,所以我发现在那里定义 Babel (或者我所有的插件) 也很方便。 将它拆分成几个文件只会让人感到困惑

万一有人可能会尝试使用 grunt-browserify using Babel and Grunt, I wrote a little ES6 boilerplate 的另一个工作流来设置正确的项目。