在浏览器

Question

我的项目不是基于节点的，所以我使用从CDN下载的browser.js babel组件在浏览器中转换我的jsx代码。

我想使用transform-class-properties babel插件，但我无法弄清楚如何在CDN浏览器中使用babel时使其工作。

是的，我知道我应该使用webpack并预先传输我所有的jsx代码。我保证最终会。

Answer 1

我们必须添加data-plugins="transform-class-properties"才能使用类属性功能，如下面的示例所示：

<script type="text/babel" 
  data-plugins="transform-class-properties" 
  data-presets="react, es2015,stage-2" 
  src="js/main.js">
</script>

您可以在https://codepen.io/ciptohadi79/pen/QxggwO

中查看我的codepen代码

Answer 2

拼写出来：

<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
<!-- Your custom script here -->
<script type="text/babel" data-plugins="">
//
// your jsx goes here
//
</script>