babel主要内容

• 定义
  babel是一个编译工具 ，用于把JSX等编译成浏览器可执行的javascript。
  主要内容是几个包
• babel/parser
  这个包主要是用于解析代码到AST树
• babel/types
  这个包中有一堆API，用于手动创建AST
• babel/traverse
  这个包主要是为了遍历AST树，结合具体情况对树中的节点进行操作
• babel/core
  这个包里主要有parse和transform两个方法，其中transform就是遍历代码，parse还是解析代码到AST
  • parse
    parse其实就是解析代码，不再细说。
  • transform
    transform可以解析得到代码的code、map和ast。提供了一系列sync和async的方法，还有transformFile等

import { transform } from "@babel/core";
transform("index.mjs", { ast: true, sourceMaps: true }, (err, result) => {
  console.log("+++", err, result);
});

• babel/generator
  这个包就是把AST转换未代码
• babel/runtime
  主要是一些运行时的处理，保证编译后的代码能够正常运行
• babel/template
  这个包是一些字符模版化的操作，基本很少用，很冷门