TS transformer
简单来讲就像babel 插件一样,只不过作用于 TypeScript 的编译过程。
与 babel 插件不同的是,配置 transformer 的时候会有 before
、after
、afterDeclarations
这三种选项,如果不清楚他们之前的区别的话,使用的时候会充满困惑。
本文只关注 transformer 的使用,对应的 demo 仓库:https://github.com/daief/usage-of-ts-transformer。
本文不说明 webpack 的配置,简单介绍如何使用 TypeScript 来书写 Vue,阅读本文应同时对 TypeScript 和 Vue 有一定的了解。
在计算机科学中,抽象语法树(Abstract Syntax Tree,AST),或简称语法树(Syntax tree),是源代码语法结构的一种抽象表示。它以树状的形式表现编程语言的语法结构,树上的每个节点都表示源代码中的一种结构。
Babel、UglifyJS2、ESLint、Webpack、TypeScript 等我们熟知的工具都包含 AST 的应用,实现了强大的功能。本文主要记录学习、应用 AST 的过程,主要内容:1. 解读 react-hot-loader dev 环境下的 Babel 插件;2. 编写对应的 TypeScript transformer 尽可能实现相同的功能。
使用 Vue(2.x)全家桶,仿造网易云音乐 pc 网页版制作的一个单页应用,接口使用NeteaseCloudMusicApi。
演示链接
项目链接