chrome浏览器启用es6语法支持,初次体验浏览器端模块化加载 [转]

chrome浏览器启用es6语法支持,初次体验浏览器端模块化加载

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

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

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

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

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

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

 

 

二、测试代码：

index.html

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5. <meta charset="UTF-8">
  6. <title>Document</title>
  7. <script type="module" src="module1.js"></script>
  8. <script>
  9. </script>
  10. </head>
  11.  
  12. <body>
  13. </body>
  14.  
  15. </html>

module1.js

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

module2.js

  1. export function show(){
  2. i++;
  3. console.log(i);
  4. }
  5. var i=0;

三、查看效果

在浏览器端打开调试：

 

 

ok！

 

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

 

posted @ 2021-01-29 20:12  water-droplet  阅读(1097)  评论(0)    收藏  举报