安装配置
（1）我们可以到其发布页上（）将 babel.js 或 babel.min.js 下载下来，并在页面上引用。
| 1 | <script src="babel.min.js"></script>
|
（2）也可以直接引用在线版的地址
| 1 | <script src=""></script>
|
测试样例
（1）这里我们还是使用 ES6 的 let 和 const 这两个新特性为例。注意：虽然我们的 ES6 脚本也是放在 script 标签之中，但是要注明 type="text/babel"
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>hangge.com</title>
<script src=""></script>
<script type="text/babel">
for (let i=0; i<5; i++) {
console.log('sm')
}
console.log(i) // Error: i is not defined
const fix = {}
fix.some = 'sm'
console.log(fix.some) // sm
</script>
</head>
<body>
</body>
</html>
|
（2）访问页面，可以看到 ES6 代码已经自动被转换成 ES5 的了。
