Babel

简介

ES6的某些高级语法在浏览器环境甚至是Node.js环境中无法执行。
Babel是一个转码器，可以将ES6代码转化为ES5代码

安装

npm install -g babel-cli	# 全局安装
npm install -save-dev babel-cli		# 或者本项目安装

babel --version	# 查看版本号（不是全局需使用npx babel或脚本，包括下面的babel命令）

## 使用

 1. 初始化项目
```bash
npm init -y

2. 创建example.js文件，其中包含一段ES6代码
3. 配置.babelrc，存放于项目的根目录下（在windows系统中，不允许直接右键建立没有文件名的文件，可以通过cmd命令行创建：type nul>.babelrc）

{
	"presets": ["es2015"],
	"plugins": []
}

4. 安装转码器

npm install --save-dev babel-preset-es2015

5. 转码

# 转码结果写入一个文件
mkdir dist1	
babel src/example.js --out-file dist1/compiled.js	# --out-file 或 -o 参数指定输出文件

# =====================

# 整个目录转码
mkdir dist2
babel src --out-dir dist2	# --out-dir 或 -d 参数指定输出目录

自定义脚本

1. 改写package.json

{
	// ...
	"scripts": {
		// ...
		"build": "babel src\\example.js -o dist\\compiled.js"
	},
}

2. 转码时执行以下命令

mkdir dist
npm run build