AST 是一个非常基础但是同时非常重要的知识点，我们熟知的 TypeScript、babel、webpack、vue-cli 得都是依赖 AST 进行开发的。本文将通过 AST 与前端工程化的实战向大家展示 AST 的强大以及重要性。 第一次看见 AST 这个概念的时候还是在《…

作为一名前端菜🐔，日常工作就是写各种业务代码， 看着大佬们写的小工具、插件啥的，羡慕不已。 偶然想到要不也写个插件试试？试试就试试，抱着试试看的态度，开始了。 一、插件介绍。 良辰：在左边test文件中写export语句时， 会自动在右边的index文件中导出。 橘子：这样省…

这个教程将会教你实现一个编程语言。如果你以前亲自实现过编程语言，那么直接跳过这个教程就可以了。但是，如果你一直用正则表达式来解析一些看起来像编程语言的字符串等东西，那请你认真学习本课程，至少也要读完解析这一章。下面让我们一起写bug吧(^_^)! 在教程中，我会去证明 Lisp…

React、Vue、Angular 等现代框架的表现层设计往往和 DSL 有较强的关联，透过这些优秀作品我们可以得到一些实践指引。 前端相关语言的转编译工具链趋于成熟，如 babel，postcss 等工具可以帮助开发者以扩展插件的方式低成本地参与到语言构建流程中。 社区的解析…

✨满满的干货，不容错过哦. 写文不易，点赞是最大的鼓励。 文章下篇已经更新：深入浅出 Babel 下篇：既生 Plugin 何生 Macros 有点冷清，赞起来。 上图是 Babel 的处理流程, 如果读者学习过编译器原理，这个过程就相当亲切了. 1️⃣词法解析(Lexical…

这篇文章中的很多内容都来自Adam Charron的《Getting to know QuillJS - Part 1》中，文中结合了我自己的一些理解和经验，内容也做了些调整，希望能帮到准备使用quilljs的你。 quilljs是一个现代富文本编辑器，它具备良好的兼容性及强大…

首先，先说明下该文章是译文，原文出自《AST for JavaScript developers》。很少花时间特地翻译一篇文章，咬文嚼字是件很累的事情，实在是这篇写的太棒了，所以忍不住想和大家一起分享。 该译文出自我的博客：github.com/CodeLittlePrince…

抽象语法树（AST），是一个非常基础而重要的知识点，但国内的文档却几乎一片空白。 本文将带大家从底层了解AST,并且通过发布一个小型前端工具，来带大家了解AST的强大功能 Javascript就像一台精妙运作的机器，我们可以用它来完成一切天马行空的构思。 我们对javascri…

另外可以发现并不是一个 token 对应一个 Node，等号左右必须都有值才能组成一个声明语句，否则会作出警告，这就是 eslint 的基本原理。最后所有的 Node 组合在一起就形成了 AST 语法树 通过 @babel/traverse 我们能够轻松的找到 await 表达…