直接上代碼， 成功測驗了es6的新特性 import , export語法。
服務器返回 js文件時，要加上content-type: applicaiton/javascript 這個字段。
index.html
<!DOCTYPE html>
<meta name="viewport" content="width=device-width, minimum-scale=1.0">
<script type="module">
import { foo,name,s } from './foo.js';
alert(foo());
alert(name);
</script>
foo.js
export function foo() {
return 'bar';
}
export var name='ljl';
//另外，export支持別名導出， 所以改成下面這樣也是可以的。
export function foo() {
return 'bar';
}
var name='ljl';
var age = 28;
export{age,name as nale, name}
chrome 瀏覽器version 68 ：運行（http://localhost:8080/index.html）結果如下
去掉我故意加入的 "s"后， 就不會報錯了。
另外，當然抽成3個文件也是可以的。
也能運行成功。
參考原文：https://jakearchibald.com/2017/es-modules-in-browsers/
https://segmentfault.com/a/1190000014342718
----------------------------------------------------------------------------------------------------------------------
https://www.sitepoint.com/understanding-es6-modules/