玩玩ES6 前端模块
发布于 3 个月前 作者 1000copy 687 次浏览 来自 分享

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是少不了。浏览器的不断升级,还是好事一件

回到顶部