- 定义
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
这个包是一些字符模版化的操作,基本很少用,很冷门