如何使用 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>