先在 main.js 这个文件里添加点 es6 的东西 .. 用 let 定义一个变量 .. 名字是 fruits .. 它的值是一个数组 .. 里面有两个水果 .. 再添加一个变量 .. 名字是 foods ..

在这个 foods 里面，用了一个 spread 操作符，就是这个 ... 后面是 fruits .. 在它后面再添加一个东西 .. 一个甜甜圈 ..

然后把 foods 里的东西变成字符串放到页面上显示一下 .. 用一个 foods.toString() ... 再把 foods 里的东西输出到控制台上 .. 回到浏览器 ..

在控制台上，你会看到一个 SyntaxError ，因为浏览器还不认识这个 ... 操作符 .. 解决的办法就是，可以把这个 main.js 作为一个模块 .. 在这个文件的下面， 可以导出一个默认的东西 .. export default .. 这里用一个空白的大括号 .. 保存 ..

这回浏览器没有提示错误， 在页面上会显示出 foods 里的东西 .. 控制台上也会输出 foods 里的东西 .. 这是因为 jspm 动态的载入了 babel 这个编译工具 ..

打开 Network 这个选项卡 .. 这里你会看到有 babel-core ... 另外还有这个 browser.js .. 这是 babel 里面带的一个东西，它可以实时的在浏览器上编译用 es6 写的代码 .