![[庆祝]](http://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/img/jj_emoji_123.da47506.png)
案例主要差《手写 babel》 那个了，会在 8 月12直播前更完的。
赞了这篇文章
编译技术在前端有三种用途的应用：
一种是源码转源码的转译器，比如 babel、tsc、terser、eslint、postcss、stylelint等，做类型检查、代码转换、压缩优化、静态检查等。
一种是源码解释执行的解释器，也叫 xx 引擎，比如解释执行 js 的 hermes、v8、jscore 等引擎，还有解析 html、css 成 ast 并合并成渲染树的渲染引擎 parser 部分。
再就是高级语言到字节码的编译器，这种主要是编译到 wasm 字节码的一些语言，是前端的一个新方向。
前端领域的编译技术主要是转译、解释、编译这三方面。
与开发者关系最密切的，也是开发者要掌握的就是转译器了，比如 babel、tsc、eslint 等，用它们来做代码转换和静态分析，比如 taro 就是基于 babel 转译器封装出来的。转译器是最主要掌握的部分，再就是也要了解一下 js 引擎中解释器的实现。如果涉及到 wasm，还要了解一下编译成 wasm 字节码的一些技术。
前两种可以在我的 《babel 插件通关秘籍》小册里学到。
展开
赞
评论
live.bytedance.com
赞了这篇文章
赞了这篇文章
