ES6转ES5_es5与es6的区别

大家好，又见面了，我是你们的朋友全栈君。

es6转码es5

一.Babel 在线转码

二.谷歌的Traceur 在线转码

三.es6console 在线转码并运行

四.Traceur 在页面中引入使用

代码语言：javascript复制

//加载 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.首先需要用安装

代码语言：javascript复制

npm install -g traceur

2.运行es6文件

代码语言：javascript复制

traceur 文件名.js

3.将es6转为es5

代码语言：javascript复制

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

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

代码语言：javascript复制

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

六. node中使用Babel 1.安装

代码语言：javascript复制

npm install --global babel

2.运行es6文件

代码语言：javascript复制

babel-node 文件名.js

3.将es6转为es5

代码语言：javascript复制

babel 文件名.js

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

代码语言：javascript复制

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

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。

ecmascript node.js babel.js

0 人点赞