javascript - 如何使用 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，以及用于 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>