html页面ne module,在浏览器中使用JavaScript module(模块)

在浏览器中也可以使用JavaScript modules(模块功能)了。目前支持这一特性的浏览器包括：

Safari 10.1.

谷歌浏览器(Canary 60) – 需要在chrome:flags里开启”实验性网络平台功能(Experimental Web Platform)”

Firefox 54 – 需要在about:config里开启dom.moduleScripts.enabled选项。

Edge 15 – 需要在about:flags里开启 Experimental JavaScript Features 选项

import {addTextToBody} from './utils.js';

addTextToBody('Modules are pretty cool.');

// utils.js

export function addTextToBody(text) {

const div = document.createElement('div');

div.textContent = text;

document.body.appendChild(div);

}

我们需要做的只是在script标签元素上声明type=module就可以了，这样，浏览器就能解析代码中的module语法了。

网上已经有很多关于modules的好文章了，但我在这里想单独分享一下专门针对浏览器里的ECMAScript modul