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

时间:2017-06-08 07:53:45

标签: babel

我在浏览器中使用babel - > babel-standalone
现在我想使用ES decorator语法。但所有的巴贝尔 对于服务器端,doc intro为babel,例如

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

有没有办法到客户端?

1 个答案:

答案 0 :(得分:0)

仅推荐用于开发目的。在客户端,请参考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>