在 Rails 中使用 ES6 语法和 Javascript 缩小的直接、受支持、稳定的方式是什么？

Question

我正在尝试在 Rails 项目中的 Javascript 文件中使用 ES6 语法。rails-ujs出于性能原因，我还需要缩小 Javascript 文件（我的，以及类似库中包含的文件）。

当我第一次生成项目并在本地运行时，它运行良好。然而，这是因为环境的配置是不同的development对比production。在development配置中，没有缩小。在production配置中，使用 Uglifier 来缩小 Javascript。

一旦我尝试部署到生产环境，Uglifier 和 ExecJS 就开始抛出各种语法错误，例如无法识别const关键字或无法识别箭头函数的>in=>运算符。

在花了几个小时寻找修复之后，我只好简单地禁用 Uglifier，这样我就可以成功部署。但是，现在我的网站正在生产和工作中，我想让这个优化工作。

我熟悉 Babel 和 Webpack，并且我已经在其他项目中使用它们（以及一些自定义脚本）来生成浏览器就绪的 ES5 代码（适用于 Internet Explorer）和浏览器就绪的 ES6 代码（适用于所有其他浏览器）。如果我不使用 Rails，这对我来说解决起来很简单。

但是，由于我使用的是 Rails，我需要弄清楚如何在 Rails Asset Pipeline 的上下文中执行此操作。令人惊讶的是，尽管 ES6 已经有 4 年历史并且被每个现代浏览器支持，但似乎没有任何标准的方法可以做到这一点。Microsoft Edge 在这方面领先于 Rails 真的很奇怪。

这是我看到的一些建议，以及它们的问题。

• https://github.com/babel/ruby-babel-transpiler

  • 没有说明它应该如何在 Rails Asset Pipeline 中使用的文档。

• https://www.rubydoc.info/gems/uglifier

  • 默认包含在 Rails 中，但不支持 ES6 语法。
  • 提到“实验性 ES6 语法支持”，但它不起作用，即使您启用“和谐模式”。
  • 它使用“实验性”这个词，我试图在生产应用程序中使用它。任何严肃的 Javascript 工具现在都应该对 ES6 有稳定的支持。

• https://github.com/fnando/babel-schmooze-sprockets

  • 文档不明确，包括很多关于必须做奇怪的非标准事情的警告，比如调用.default()所有导入。

• https://nandovieira.com/using-es2015-with-asset-pipeline-on-ruby-on-rails

  • 提到必须使用链轮的“预发布版本”。我正在尝试在生产应用程序中使用它，并且我不认为我期望能够使用稳定版本的库来做到这一点是不合理的。这篇文章已经 3 年了，但我找不到更新的版本。

• 如何在 ruby​​ on rails 应用程序中使用 ES6 (ES2015)？

  • 有一些建议，但没有一个是独立的解决方案，这已经快 3 年了。我希望现在有一种特定的、稳定的方法来做到这一点？

• https://revs.runtime-revolution.com/want-to-use-es6-with-rails-right-now-webpack-to-the-rescue-ebefb2004e9e

  • 如果我必须在 Rails Asset Pipeline 之外完成所有 ES6 支持，这几乎就是我要做的。当然，有没有一种方法可以做到这一点，而无需跳出 Rails 并手动编译我的 Javascript 代码？

• https://github.com/babel/minify

  • 仍处于测试阶段。我正在尝试将其用于生产站点。