Babel的使用

Babel是什么？

Babel 用通俗易懂的话来解释，就是一个js的编辑工具，可以将新版本的js（比如es6）编译成旧版本或者说是兼容性更好的js。解决es6的兼容性问题。下面是Babel的官网：https://www.babeljs.cn/docs/index.html

Babel如何使用？

说完了Babel是用来干什么的之后，我们来梳理一下Babel的使用流程。具体分为以下几个步骤：

1. 安装node.js（可以到node的官网上去下载对应的版本，这里不再赘述了）Babel依赖包需要运行在Node.js的平台上。
2. 初始化项目:npm init。初始化后的文件会生成一个package.json的文件。package.json可以配置命令，以及记录项目的安装包。如果新的项目和旧版本项目的安装依赖包相同，可以直接把老版本package.json的文件拷进新项目当中去。
3. 安装Babel所需要的依赖包：

 npm install --save @bable/cli  //babel命令包，用于在命令行工具配置babel的相关命令。
 npm install --save @babel/core  //babel核心包-调度和指挥各个依赖包。
 npm install --save @babel/preset-env  //用于指定将最新版本的js编译成什么。

5. 添加执行编译命令。
   需要在package.json文件添加编译命令。“babel src -d lib“的意思是将src目录下的文件编译到lib目录下。
   

同时还需要创建一个.babelrc配置文件。配置如下：

7. 编译测试：npm run build
   发现文件目录下多出来了一个lib文件，并查看里面的文件es6代码是否发生了改变即可。

Babel使用局限性：

babel的局限性就是babel只能编译es6的大部分语法比如（let const 箭头函数等）。但是不能编译es6中的模块语法，以及es6的新的API。编译这些就需要用到webpack。以及webpack的一些插件了。