前端工程化-uglify解析

前言：

---

UglifyJs 是一个js 解释器、最小化器、压缩器、美化器工具集（parser, minifier, compressor or beautifier toolkit），是前端开发打包的最常用工具之一。

AST（抽象语法树）：

---

要想了解JS的压缩原理，需要首先了解AST：

抽象语法树：AST（Abstract Syntax Tree)，是源代码的抽象语法结构的树状表现形式，这里特指编程语言的源代码。树上的每个节点都表示源代码中的一种结构。之所以说语法是「抽象」的，是因为这里的语法并不会表示出真实语法中出现的每个细节。

AST是源代码根据其语法结构，省略一些细节（比如：括号没有生成节点），抽象成树形表达。抽象语法树在计算机科学中有很多应用，比如编译器、IDE、压缩代码、格式化代码等。

AST ，抽象语法树，js 代码解析后的最小词法单元：

• eslint: 校验你的代码风格
• babel: 编译代码到 ES 低版本
• taro/mpvue: 各种可以多端运行的小程序框架
• GraphQL: 解析客户端查询
  
  

代码压缩原理：

---