babel简介

掘金小册 babel通关秘籍

运行步骤

parse

• 词法分析，代码→单词。
• 语法分析，单词→AST。（按照不同的语法结构，把一组单词组合成对象）

transform

• 遍历AST
  • 给每种AST节点注册对应的visitor函数。
    • visitor函数会对节点进行增删改，返回新的AST。

generate

• AST→目标代码，并生成对应的sourceMap。
  • sourceMap记录了源码到目标代码的每一个节点的对应关系

babel插件和preset TODO

babel内置插件分类 TODO

• transform
• proposal
• syntax

babel helper TODO

babel runtime TODO

js Paser历史 TODO

traverse的visitor和path TODO

generator和sourceMap TODO

code-frame和代码高亮 TODO