babeljs - 如何使用装饰器支持配置 babel/babel-standalone？

Question

我在浏览器中使用 babel -> babel-standalone
现在我想使用 ES decorator 语法。但是所有的通天塔 doc intro 是服务器端的 babel，比如

`
{
  "presets": [
    "es2015",
    "stage-1"
  ],
  "plugins": ["transform-decorators-legacy"]
}
`

有没有办法到客户端？

Answer 1

仅推荐用于开发目的。在客户端引用 babel 并创建自定义预设。也可能有其他选择。例如

<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<script>
  // Define a preset
  Babel.registerPreset("env-plus", {
    presets: [
      [Babel.availablePresets["env"], { "loose": true }]
    ],
    plugins: [
      [
        Babel.availablePlugins["proposal-decorators"], { decoratorsBeforeExport: true }
      ]
    ],
  });
</script>

<!-- include your file -->
<script type="text/babel" src="script.js" data-presets="env-plus"></script>