ES6自带模块化 但是浏览器还不支持
- 使用webpack 前面已有文章总结了,这里就不说了
- 还可以使用Google公司的Traceur转码器,也可以将ES6代码转为ES5代码。必须在网页头部加载Traceur库文件。
注意!!注意!! 要运行在服务器环境
服务器是什么?你不会我没法详细和你说
两个工具
- wamp 搭建服务器 自行百度
- cnpm install http-server 前提是安装了node 同时设置了淘宝镜像
- 然后在你当前目录打开命令行 输入 http-server -c-1
在显示的端口号访问就行了 你还要问细节怎么办?
那你就回答我 “回”字为什么有四种写法
新建mod.js
let a=12;
let b=5;
export default {
a:a,
b:b
}
index.html文件
<script src="https://google.github.io/traceur-compiler/bin/traceur.js"></script>
<script src="https://google.github.io/traceur-compiler/bin/BrowserSystem.js"></script>
<script src="https://google.github.io/traceur-compiler/src/bootstrap.js"></script>
<script type="module">
import mod from './mod.js';
console.log(mod.a) // 打印12
</script>