babel配置文件加载顺序

babel配置文件加载顺序

babel解析过程

  • @babel/cli 读取配置文件, 获取要编译的文件
  • 解析式babel.config.js配置文件
  • @babel/core 根据解析的配置文件加载编译,
  • 遍历要解析的文件集,
    • Parser将源文件解析成ast树, 获取解析文件的plugins
    • Traverse模块维护了ast树的状态,并且负责替换、移除和添加节点
    • Generator模块是 Babel 的代码生成器,它读取AST并将其转换为代码和源码映射

配置文件的加载顺序

  • 先加载plugins得到plugins
  • 加载overrides得到plugins
  • 加载presets 得到plugins

Plugin 会从前到后顺序执行, Preset 的顺序则 刚好相反(从后向前)。

上一篇:Unexpected token '...'. Expected a property name解决


下一篇:Webpack & Babel学习