我们编写的babel插件是所属于babel-loader,而babel-loader基本运行与webpack环境.所以为了检测babel插件的是否起作用，我们必须构建webpack环境. babel-traverse对AST树进行解析遍历出整个树的path. plugin转换出…

Javascript 代码的解析（Parse ）步骤分为两个阶段：词法分析（Lexical Analysis）和 语法分析（Syntactic Analysis）。这个步骤接收代码并输出 抽象语法树，亦称 AST。 随着 Babel 的生态越来越完善，我们通常会使用 Babel…

mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验。

AST[维基百科]:在计算机科学中，抽象语法树（Abstract Syntax Tree，AST），或简称语法树（Syntax tree），是源代码语法结构的一种抽象表示。它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构。之所以说语法是“抽象”的，是…

什么是AST?AST是Abstract Syntax Tree（抽象语法树）的缩写。 传说中的程序员三大浪漫是编译原理、图形学、操作系统，不把AST玩转，显得逼格不够，而本文目标就是为你揭示AST在现代化JavaScript项目中的应用。 按照语法规则书写的代码，是用来让开发者…

简单聊两句小程序是微信开发的一种不需要下载安装即可使用的应用，目前只能在微信中使用，开发使用微信的小程序开发语言，vue是尤雨溪大神开发的一套构建用户界面的渐进式框架，可以很好的开发单页面应用程序，开发语言js，或者不久将支持的ts数据绑定对比…

随着大前端蓬勃发展, 冒出越来越多的端, 最火的当数最近出现的微信小程序. 但是无论是 微信小程序 , 还是 支付宝小程序, 或者 快应用 都有一个明显的缺点, 虽然他们还是按照一定的 js html css 标准作为开发方式, 但是他们都与当前所有主流技术有相当大的壕沟. 虽…

理解AST是我们接下去内容的基础。 Javascript语言是由一串字符串生成的，每一个都带有着一些可视的语义信息。这对我们来说都很有用,因为它允许我们使用匹配字符 ([], {}, ())， 成对的字符（"", ''），以及缩进，让我们更好的理解程序。 然后这对计算机来说是无…

经过之前的三篇文章介绍，AST的CRUD都已经完成。下面主要通过vue转小程序过程中需要用到的部分关键技术来实战。 注意:，跟我们之前介绍的一致，为了完成上述转换，要把输入和输出均放入AST explorer，查看其先后的结构对比。 将所有的this.[data member]…