玩玩ES6 前端模块
ES6早就在Nodejs上用起来了,可是前端呢,依然老样子,主流的还是靠着requirejs之类的加载器,写着call back hell的代码。
昨天看到阮老师说: 今天 Firefox 60发布,默认打开了ES6 模块支持,至此所有浏览器都默认支持ES6模块。 就决定验证下。环境是 chrome 66 firefox 58 safari 11.0.3 nodejs v9.5.0
代码html:
<script type="module">
import {addTextToBody} from './utils.js';
addTextToBody('Modules are pretty cool.');
</script>
代码js:
// utils.js
export function addTextToBody(text) {
const div = document.createElement('div');
div.textContent = text;
document.body.appendChild(div);
}
搭建一个服务器: npm i http-server -g http-server 访问 http://127.0.0.1:8080/module.html 如果看到Modules are pretty cool.就成功了。
实验表明, chrome 66, safari 11.0.3已经支持, firefox 58还不支持。firefox 60支持了。
又有新的好玩的了。
4 回复
没有AMD好用。代码里面 import
还不支持模块名,而必须是文件名 (foo.js) 或者 url
知道有这么件事情就算了,该走babel的还是要走babel
是的。。。该webpack还是得webpack
webpack是少不了。浏览器的不断升级,还是好事一件