蒋豪群,Vue.js 团队成员,曾就职于阿里巴巴和蘑菇街,2018 年起成为全职开源开发者,目前负责 Vue CLI 及相关 Vue.js 周边工具库的维护。
蒋豪群,Vue.js 团队成员,曾就职于阿里巴巴和蘑菇街,2018 年起成为全职开源开发者,目前负责 Vue CLI 及相关 Vue.js 周边工具库的维护。
现代前端开发中,围绕着 AST 的解析和变换,发展出了诸如 Babel 和 PostCSS 等显著提高开发体验的工具。
对于前端框架而言,深度应用编译原理实现的 DSL 及其代码优化也是工程化体验的重要环节,Vue.js 闻名的单文件组件(Single File Component,SFC)即是其中代表。
本次分享将结合 Vue.js 的工程化实践,介绍 AST 操作在现代前端框架中的深入应用:
1. 解析 Vue 组件的编译过程;
2. AST 与代码优化/重构;
3. 定制 Vue SFC;
4. 利用 AST 操作、提升开发体验的一些工具与技巧。