Chrome61新功能之ES6 moudles

ES6 moudles功能

https://developers.google.com/web/updates/2017/09/nic61#modules

chrome浏览器输入 chrome:flags

开启 Experimental Web Platform

image.png

index.html


module test

�新建providesHelperMethod.js

// providesHelperMethod.js
export function helperMethod() {
  console.info(`I'm helping!`);
}

更多例子参考

在Chrome打开本地文件如果引入js会有如下错误提示

image.png

处理有以下两种方法

  • 命令行选项启动

open /Applications/Google\ Chrome.app --args --allow-file-access-from-files

  • 本地服务器

python -m SimpleHTTPServer 8000

Chrome61新功能之ES6 moudles_第1张图片
image.png

Chrome中打开http://127.0.0.1:8000/index.html即可。

控制台 await操作

https://developers.google.com/web/updates/2017/08/devtools-release-notes

Console中输入如下:

await fetch('https://httpbin.org/get?a=1')

Chrome61新功能之ES6 moudles_第2张图片
image.png

你可能感兴趣的:(Chrome61新功能之ES6 moudles)