如何使用Babel转换JavaScript？

Question

我知道使用babel设置内联javascript Transpile

<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.21.1/babel.min.js"></script>
<script type="text/babel">
     // your es6 code
</script>

但是可以将es6代码的字符串版本输入babel并以字符串形式获取转译版本吗？

var normal_jacascript = babel.convert(es6_code);

Answer 1

是的，当然。

这是一个非常简单的示例，如果您注意到代码使用的是const和一些React JSX，然后我将其编译为es2015 / React，它将更改为var和{{1 }}。

您当然也可以决定使用哪些预设。

React.createElement

var ret = Babel.transform("const x = 2; const b = <b/>;", {
  "presets": ["es2015", "react"]
});

console.log(ret.code);