babel

babel简单使用。

官网介绍的很详细,官网地址http://babeljs.io/.

.babelrc

一般需要配置文件.babelrc配合使用。基本格式:

1
2
3
4
5
## .babelrc文件配置
{
"presets": ["es2015","react",...otherRules],
"plugins": []
}

babel-cli

安装指令如下,可以使用指令编译文件

1
npm install --global babel-cli

简单用法

1
2
3
4
5
6
7
8
9
10
11
12
13
# 编译单个文件
$ babel index.js

# 转码结果写入一个文件 --out-file/-o
$ babel index.js --out-file outfile.js
$ babel index.js -o outfile.js

# 整个目录转码 --out-dir/-d
$ babel src --out-dir lib
$ babel src -d lib

# 生成source map -s
$ babel src -d lib -s

babel-preset-env

babel可以安装官方的预编译配置,也可以自定义。具体包含什么功能,详见官方文档。

1
2
3
4
5
6
7
## 下载安装
npm install --save-dev babel-preset-env

## .babelrc文件配置
{
"presets": ["env"]
}

babel-polyfill

由于Babel只转换语法(如箭头函数),因此可以使用babel-polyfill来支持Promise或新的本地方法(如String.padStart(左键))等新的全局变量。

1
npm install --save-dev babel-polyfill

在线编译

官网地址http://babeljs.io/repl/

------本文结束 感谢阅读------