大前端进阶-05-babel

ES6的很多高级语法是无法直接在浏览器或者node.js中运行。
那balel的作用就是将ES6的代码直接转换成ES5的代码（降级处理）。

#一.安装
cmd输入命令：
npm install -g babel-cli 或者 cnpm install -g babel-cli

bable --version查看版本号

#二.babel的使用

1.创建babel文件夹
2.初始化项目
在babel文件夹下cmd输入

npm init -y

3.创建文件src/example.js，下面的一段ES6代码
src文件夹的创建是为了统一管理

运行

4.配置.babelrc
在项目的根目录下（babel文件夹下）存放一个.babelrc的文件

Babel的配置文件是.babelrc，存放在项目的根目录下，该文件用来设置转码规则和插件，基本格式如下

5.安装转换器，在项目中安装
转换器就相当于ES6和ES5之间的映射表(通过上面的babelrc配置文件查找)，比如var是否转换成let和const，箭头函数的转换格式等

cmd输入命令安装转换器，

npm install --save-dev babel-preset-es2015
或者 cnpm install --save-dev babel-preset-es2015

6.转码
在项目的根目录下cmd输入

babel src -d dist

然后会得到一个dist文件夹，里面的。js文件就是转换后的文件了