在浏览器中直接使用babel转码器和polyfill来支持ES6

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />

    <title>IE11 ES6 test</title>
    <!-- https://cdn.bootcdn.net/ajax/libs/babel-standalone/6.26.0/babel.min.js -->
    <script src="libs/babel-standalone-6.26.0/babel.min.js"></script>

    <!-- https://cdn.bootcdn.net/ajax/libs/babel-polyfill/7.12.1/polyfill.min.js -->
    <script src="libs/polyfill-7.12.1/polyfill.min.js"></script>
</head>
<body>
<div id="app"></div>
<script type="text/babel">
    // babel.min.js 支持ES6的语法
    let msgBox = (msg) => { alert(msg); };

    var str = ` 有空格的string  `;
    // polyfill.min.js 支持 trimLeft 等函数
    msgBox('Babel.version:'+ Babel.version + '\ntest function:['+str.trimLeft().trimRight()+']');

    debugger
  </script>
</body>
</html>



本文链接地址： 在浏览器中直接使用babel转码器和polyfill来支持ES6
https://blog.qingfengju.com/index.asp?id=447

上一篇： Internet Explorer 控件及 mshta.exe 的 渲染模式（IE版本）
下一篇： 用Windows系统自带的RtlComputeCrc32计算CRC32

分类：Web开发 查看次数：21098 发布时间：2021/12/10 10:12:55