How Does babel-plugin-import Work

Babel 的处理流程

作为一个transpiler，Babel处理的事情比较简单，就是将各种形式的源代码翻译成目标环境的代码，整个过程主要由三个部分组成，如下图所示:

Parse

将源代码转换为Abstract Syntax Tree(AST),Babel 相关的AST Node Types详见spec,这个过程会涉及到@babel/plugin-syntax-*相关的插件，并且这个过程不支持自定义插件，只能通过配置来增减需要的官方插件。整个 Parse 的过程我们基本上不需要做什么，Babel 会把最终的 AST 返回给我们以便进行后续的遍历和转换操作。