前端编译学习资源参考

[giscafer]

Spec

• ESTree 规范 The ESTree Spec
• Babel AST格式规范

Articles

• 前端要以正确的姿势学习编译原理（上篇）
• 对 Parser 的误解
• AST 与前端工程化实战
• 平庸前端码农之蜕变 — AST
• AST抽象语法树——最基础的javascript重点知识，99%的人根本不了解

Books

• 《Parsing techniques》
• Babel Plugin Handbook
• 《浏览器工作原理与实践》

Tools & Project

• AST Explorer (github源码)
• the-super-tiny-compiler
• JAVASCRIPT AST VISUALIZER
• pegjs Parser generator for JavaScript
• acornjs/acorn A small, fast, JavaScript-based JavaScript parser
• acorn-jsx
• Ohm 可以可视化的 BNF 编辑器
• Jison 用正则和 BNF 构建通用的 Parser
• lint-md 检查中文 markdown 编写格式规范的命令行工具，基于 AST
• es-module-lexer Low-overhead lexer dedicated to ES module parsing for fast analysis
• @babel/parser Babel 用来对 JavaScript 语言解析的解析器。
  • @babel/traverse 遍历AST
  • @babel/types AST 节点修改
  • @babel/generator 对新的 AST 进行聚合并生成 JavaScript 代码
  • @babel/template 封装了基于 AST 的模板能力，可以将字符串代码转换为 AST

Other

• 前端 DSL 实践指南（上）—— 内部 DSL
• 如何写一个类似 LESS 的编译工具？
• 面向编译器开发人员的V8内部实现文档