官网:https://babeljs.io/
民间中文网:https://www.babeljs.cn/

1️⃣ babel的安装

**npm i -D @babel/core @babel/cli**

  1. 1. babel 依赖 regenerator-runtime core-js 来转换 js 语法 , 推荐一起安装

babel可以和构建工具联合使用,也可以独立使用
如果要独立的使用babel,需要安装下面两个库:

  1. 1. @babel/corebabel 核心库,提供了编译所需的所有 api
  2. 2. @babel/cli:提供一个命令行工具,调用核心库的 api 完成编译

1️⃣ babel的使用

@babel/cli 的使用极其简单
它提供了一个命令 **babel**

  1. # 按文件编译
  2. babel 要编译的文件 -o 编辑结果文件
  3. # 按目录编译
  4. babel 要编译的整个目录 -d 编译结果放置的目录

1️⃣ babel的配置

可以看到,babel本身没有做任何事情,真正的编译要依托于 babel插件 babel预设 来完成

babel 预设和 postcss 预设含义一样,是多个插件的集合体,用于解决一系列常见的兼容问题

如何告诉babel要使用哪些插件或预设呢?需要通过一个配置文件**.babelrc**

  1. {
  2. "presets": [],
  3. "plugins": []
  4. }