跳转到内容

Babel

AST 抽象语法树 -> Transformer 转换器 -> Code Generator 代码生成器

核心功能

  1. 语法转换: 将新版Js转为旧版本语法
  2. Polyfill: 兼容性处理
  3. Jsx: 转为普通js语法
  4. 插件: 提供自定义插件

常用包

json
{
  "@babel/pasrser": "通过代码进行AST语法树转换",
  "@babel/generator": "将AST语法树转为代码",
  "@babel/core": "核心包,串联所有步骤和插件",
  "@babel/preset-env": "预设,包含ES6到ES5的转换",
  "@babel/preset-react": "预设,包含React的转换",
  "..."
}

Will Try My Best.