如何使用 Babel 转译 JavaScript？

Question

我知道使用 babel 设置内联 javascript 转译

<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 ，以及用于 JSX 的React.createElement 。

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

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

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