Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行执行。
这意味着,你可以现在就用 ES6 编写程序,而不用担心现有环境是否支持。
二、安装
安装命令行转码工具
Babel提供babel-cli工具,用于命令行转码。它的安装命令如下:
三、Babel的使用
1、初始化项目
2、创建文件
src/example.js
下面是一段ES6代码:
npm install –global babel-cli
#查看是否安装成功
babel –version
npm init -y
// 转码前
// 定义数据

2、配置.babelrc
Babel的配置文件是.babelrc,存放在项目的根目录下,该文件用来设置转码规则和插件,基本格式如
下。
presets字段设定转码规则,将es2015规则加入 .babelrc:
3、安装转码器
在项目中安装
4、转码
let input = [1, 2, 3]
// 将数组的每个元素 +1
input = input.map(item => item + 1)
console.log(input)
{
 “presets”: [],
 “plugins”: []
}
{
 “presets”: [“es2015”],
 “plugins”: []
}
npm install –save-dev babel-preset-es2015
# 转码结果写入一个文件
mkdir dist1
# –out-file 或 -o 参数指定输出文件

babel src/example.js –out-file dist1/compiled.js
# 或者
babel src/example.js -o dist1/compiled.js
# 整个目录转码
mkdir dist2
# –out-dir 或 -d 参数指定输出目录
babel src –out-dir dist2
# 或者
babel src -d dist2

原文地址:http://www.cnblogs.com/LLW521/p/16909868.html

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长! 2. 分享目的仅供大家学习和交流,请务用于商业用途! 3. 如果你也有好源码或者教程,可以到用户中心发布,分享有积分奖励和额外收入! 4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解! 5. 如有链接无法下载、失效或广告,请联系管理员处理! 6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需! 7. 如遇到加密压缩包,默认解压密码为"gltf",如遇到无法解压的请联系管理员! 8. 因为资源和程序源码均为可复制品,所以不支持任何理由的退款兑现,请斟酌后支付下载 声明:如果标题没有注明"已测试"或者"测试可用"等字样的资源源码均未经过站长测试.特别注意没有标注的源码不保证任何可用性