问题标签 [grunt-babel]

所以我正在研究一个旧的解决方案，我们在 Angular 1.6 上。我决定通过添加使用 ES6 使其更新一些。我们使用 grunt 作为任务运行器，所以我引入了 babel 作为监视任务，在这里我将转译文件添加到它自己的目录中。之后，我使用 grunt-contrib-concat 将文件连接成一个大文件，然后使用 grunt-contrib-uglify 进行缩小。连接的文件运行良好，但是当从 babel 缩小一个函数时，它会在我尝试运行我的站点时打破角度。

这被添加到 .min.js 文件的顶部

在连接文件中，此文件添加到第 3700 行，不会中断执行。任何提示将不胜感激

编辑：这与下面描述的问题不同，因为所有角度控制器、指令、服务等都已正确注释。

我正在使用这些模块

我的咕噜声文件

这是我得到的错误

帮助？

我已经用 babel（和 concat）替换了 uglify，所以我将多个 ES6 文件合并到一个分发 JS 文件中。我想连接到 dist 文件夹，并让 babel 转译并覆盖文件，但是这样做，babel 无法使用 dist 文件夹，警告：找不到相对于目录的预设“env”

我究竟做错了什么？

我的 Gruntfile.js：

我安装了 grunt-babel 以允许我们网站上的 IE 11 用户。现在，对于这些用户，该网站已损坏。除了出现以下我不知道如何解决的错误外，我基本上都取得了成功。

看起来 polyfill 已被弃用，所以我想知道什么是最好的解决方案。

编辑 按照 justDan 和 David 的建议，我安装了 regenerator/runtime 包，现在出现错误require is not defined

此代码将通过浏览器运行。我的公司正在使用自定义 CMS，它需要我们压缩主题文件，并且有很大的部分需要动态填充的文本，这是使用 ES6 模板文字的部分原因。

包.json 文件

.babelrc 文件

当我想用 grunt 和 uglifyjs 压缩我的 javascript 代码时，但 uglifyjs 不支持 es6，所以我使用 grunt-babel，但我遇到了一些问题，它警告 Binding 'arguments' in strict mode，所以我写了一些简单的代码测试它。在这个文件中，参数只是一个普通的局部变量，不是 call(arguments) 或 apply，我不明白它是如何发生的以及如何修复它。这是示例代码：

然后 gruntfile.js

然后执行grunt 控制台日志

我尝试配置 babel 选项["@babel/plugin-transform-modules-commonjs", { "strictMode": false }] ，但它不起作用，我该如何解决？谢谢

我正在尝试使用 Grunt 任务运行器将我的 ES6+ 代码编译为 vanilla js。我故意选择 Grunt 而不是 webpack 和 gulp，因为我只是想缩小我的 js 文件。

在运行代码后，我已成功将我的 ES6 代码编译为 vanilla，但出现错误，提示未定义 generatorRuntime。在分析了这个问题后，我可以认为我的 async 和 await 代码在转换为 vanilla js 后会出现问题。

我有我的 gruntfile.js 和 package.json 的代码片段。

包.json