es6转es5 的6种方式

es6转码es5

一.Babel 在线转码

二.谷歌的Traceur 在线转码

三.es6console 在线转码并运行

四.Traceur 在页面中引入使用

//加载 Traceur 文件
<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>
//在下面写js  注意type="module"
<script type="module">
	//注意type="module"
</script>

就可以了。

五. node中使用Traceur
1.首先需要用安装

npm install -g traceur

2.运行es6文件

traceur 文件名.js

3.将es6转为es5

traceur --script 文件名.es6.js --out 文件名.es5.js

4.防止出现问题最好加上实验选项 --experimental

traceur --script 文件名.es6.js --out 文件名.es5.js --experimental

六. node中使用Babel
1.安装

npm install --global babel

2.运行es6文件

babel-node 文件名.js

3.将es6转为es5

babel 文件名.js

或者指定转换后的es5文件名

babel es6文件名.js -o es5文件名.js