google浏览器启用es6语法支持, 无需node webpack 浏览器端模块化加载

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

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

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

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

image

准备代码:

2.index.html

<!DOCTYPE html>
<html lang="en"> 
<head>    
<meta charset="UTF-8">    
<title>Document</title>    
<script type="module" src="module1.js"></script>    
</head> 
<body>
</body> 
</html>

3.module1.js

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

4.module2.js

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

在浏览器端打开调试:

image

ok!

</article>

转自:https://blog.csdn.net/u010476739/article/details/81584926

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容