如何使用 Babel 转译 JavaScript？

【问题标题】：How to transpile JavaScript Using Babel?如何使用 Babel 转译 JavaScript？
【发布时间】：2019-01-26 16:30:36
【问题描述】：

我知道使用 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);

【问题讨论】：

标签： javascript ecmascript-6 babeljs

【解决方案1】：

是的，当然。

这是一个非常简单的例子，如果你注意到代码使用了 const 和一些 React JSX，然后我编译到 es2015/React，它会更改为 var 和 React.createElement 用于 JSX。

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

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

console.log(ret.code);

&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.21.1/babel.min.js"&gt;&lt;/script&gt;

【讨论】：