现代前端开发中，围绕着 AST 的解析和变换，发展出了诸如 Babel 和 PostCSS 等显著提高开发体验的工具。
对于前端框架而言，深度应用编译原理实现的 DSL 及其代码优化也是工程化体验的重要环节，Vue.js 闻名的单文件组件（Single File Component，SFC）即是其中代表。

本次分享将结合 Vue.js 的工程化实践，介绍 AST 操作在现代前端框架中的深入应用：
1. 解析 Vue 组件的编译过程；
2. AST 与代码优化/重构；
3. 定制 Vue SFC；
4. 利用 AST 操作、提升开发体验的一些工具与技巧。