Babel是一个ES6转码器,可以将ES6代码转化为ES5代码,从而在现有环境执行,因此可以用ES6的方式编写程序,更不用担心现有环境是否支持es6的新特性。
1.在项目中先初始化,npm init --yes,生成packahe.json文件
2.在packahe.json的同目录下,配置文件,文件名字为.babelrc,基本格式为:
{
"presets": [],
"plugins": []
}
3.presets字段设定转码规则,官方提供的一下规则集。
****# 最新转码规则****
$ npm install --save-dev babel-preset-latest
**# react 转码规则**
$ npm install --save-dev babel-preset-react
**# 不同阶段语法提案的转码规则(共有4个阶段),选装一个**
$ npm install --save-dev babel-preset-stage-0
$ npm install --save-dev babel-preset-stage-1
$ npm install --save-dev babel-preset-stage-2
$ npm install --save-dev babel-preset-stage-3
4.然后将规则写入配置文件.babelrc。
{
"presets": [
"latest",
"react",
"stage-2"
],
"plugins": []
}
5.使用babel工具和模块的使用,都必须先写好.babelrc。
6.命令行转码babel-cli
安装:$ npm install --global babel-cli
7.基本用法如下:
# 转码结果输出到标准输出
$ babel example.js(注:example.js这个文件是写了es6的js文件)
# 转码结果写入一个文件
# --out-file 或 -o 参数指定输出文件
$ babel example.js --out-file compiled.js
# 或者
$ babel example.js -o compiled.js(注:compiled.js是转码后放es5的js文件)