参照：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浏览器启用es6语法支持,初次体验浏览器端模块化加载
发布评论