babel.js浏览器端实时将es6代码转成es5代码的插件
大家知道babel，一款将es6 js代码转换成es5 代码的工具，需要在nodejs下运行，那么有没有可能直接在浏览器中实时将es6的代码转换成es5代码供低端浏览器运行呢，有的，babel就提供了一款babel.js，看一下示例
<div id="output"></div>
<!-- Load Babel -->
<!-- v6 <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script> -->
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<!-- Your custom es 6 script here -->
<script type="text/babel">
const getMessage = () => "Hello World";
document.getElementById('output').innerHTML = getMessage();
</script>注意，网页实时将 ES6 代码转为 ES5，对性能会有影响。生产环境需要加载已经转码完成的脚本。
{{collectdata}}
网友评论0