首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    解剖Babel —— 向前端架构师迈出一小步

    其中babel-core提供了以上提到的三个步骤的能力。...在babel-core内部,更细致的讲: babel-parser实现第一步 babel-generator实现第三步 要了解第二步,我们需要简单了解下AST。...在babel-core内部: babel-traverse可以通过「深度优先」的方式遍历AST树 对于遍历到的每条路径,babel-types提供用于修改AST节点的节点类型数据 所以,整个Babel底层编译能力由如下部分构成...初始情况下,Babel没有任何额外能力,其工作流程可以描述为: const babel = code => code; 其通过plugin对外提供介入babel-core的能力,类似webpack的plugin...注:这里@babel/core为库名,前文中babel-core为其在仓库中对应文件名 中层 @babel/plugin-* Babel对外暴露的API,使开发者可以介入其编译JS的能力 上层 @babel

    1.1K10
    领券