在webpack 日益流行的今天,前端构建编译代码时,可以使用 webpack 中的 optimization.minimizer 来对代码进行压缩优化。但是我们也需要了解如何它是压缩代码的,我们可以一起一点点来探究它。
去除多余字符: 空格,换行及注释
这是一个很直接的想法,同时也是很重要的一步,毕竟代码是要给人看的,所以我们需要 换行,空格等等。但是呢,机器阅读是不需要这些东西的。
替换掉多余字符后会有什么问题产生呢?
有,比如多行代码压缩到一行时要注意行尾分号。 这就需要通过以下介绍的 AST 来解决。
压缩变量名:变量名,函数名及属性名
function sum (first, second) {
return first + second;
}
如以上 first 与 second 在函数的作用域中,在作用域外不会引用它