ES6_模块化(六)

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>