webpack使用Babel转换JavaScript代码

什么是Babel

Babel是一个JavaScript的编译器，我们在webpack中可以使用ES6以上版本的语法写代码，但是目前主流的浏览器仅支持ES5语法，通过Babel可以将ES6+语法自动转换成ES5语法，来适配浏览器的JavaScript解释器。

比如说，我们使用ES6语法中的箭头函数实现代码：

(val) => (val + 1) ;

使用Babel转化成ES5语法后：

function(val){
	return val+1 ;
}

babel-cli命令行工具的使用

在项目中安装babel-cli，命令如下：

npm install --save-dev @babel/core @babel/cli
## 简写
npm i -D @babel/core @babel/cli

然后再安装转换规则：

# 安装 preset-env
npm i -D @babel/preset-env
# 执行 CLI 添加--presets
npx babel babel.js --presets=@babel/preset-env

测试babel-cli命令行工具，先创建一个app.js文件，输入下面的代码：

[1, 2, 3</