admin管理员组

文章数量:1529449

参照：http://es6.ruanyifeng/#docs/module-loader

注意：最新版本的chrome浏览器已支持module语法，需要在web服务器环境下运行！

一、设置浏览器启用es6语法功能

注：chrome76版本及以上不再需要设置了，浏览器已默认支持，至于从哪个版本开始的没有发现。

在浏览器的url中输入：chrome://flags/

设置下面选项为enable，重启浏览器。

二、测试代码：

index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="module" src="module1.js"></script>
    <script>
    </script>
</head>

<body>
</body>

</html>

module1.js

import {show} from './module2.js';
show();

module2.js

export function show(){
    i++;
    console.log(i);
}
var i=0;

三、查看效果

在浏览器端打开调试：

ok！

 

 

本文标签： 浏览器语法加载chrome

版权声明：本文标题：chrome浏览器启用es6语法支持,初次体验浏览器端模块化加载 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dongtai/1726735432a1082651.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。