AST、Babel、TSC - 啃着啃着就会了

文章预览

本文作者：Luckyfif https://juejin.cn/post/7447444766005018624 第一段实习就接到了个工程化的需求-写插件，对我这种工程化小白来说无疑是巨大的挑战，向多位前辈请教过后，决定先从 webpack 学起，然后再到编译器+AST，一步一步把工程化理解体系搭起来。如果觉得这篇文章对你有帮助，欢迎点赞关注😘 一、概览 Babel  ：将 es6+的 JavaScript 代码编译成 目标环境支持的语法环境，并且对目标环境不支持的 api 自动 polyfill。编译过程主要分为三个阶段 （解析，转换，生成） AST (抽象语法树):是  Babel 、 tsc  等编译器 进行代码转换的核心数据结构，表示了源代码的抽象语法结构，以树状的形式表现编程语言的语法结构，每个节点都表示源代码中的一种结构。使得  Babel  能够理解和操作代码。 TSC （TypeScript Compiler）: typescript 官方的编译器，可以将 typescript 代码转 ………………………………