webpack学习笔记--压缩代码.pdfVIP

webpack学习笔记--压缩代码

浏览器从服务器访问⽹页时获取的JavaScript、CSS资源都是⽂本形式的，⽂件越⼤⽹页加载时间越长。为了提升⽹页加速速度和减少⽹

络传输流量，可以对这些资源进⾏压缩。压缩的⽅法除了可以通过GZIP算法对⽂件压缩外，还可以对⽂本本⾝进⾏压缩。

对⽂本本⾝进⾏压缩的作⽤除了有提升⽹页加载速度的优势外，还具有混淆源码的作⽤。由于压缩后的代码可读性⾮常差，就算别⼈下载到

了⽹页的代码，也⼤⼤增加了代码分析和改造的难度。

下⾯来⼀⼀介绍如何在Webpack中压缩代码。

压缩JavaScript

⽬前最成熟的JavaScript代码压缩⼯具是，它会分析JavaScript代码语法树，理解代码含义，从⽽能做到诸如去掉⽆效代码、去掉⽇志输

出代码、缩短变量名等优化。

要在Webpack中接⼊UglifyJS需要通过插件的形式，⽬前有两个成熟的插件，分别是：

UglifyJsPlugin：通过封装UglifyJS实现压缩。

ParallelUglifyPlugin：多进程并⾏处理压缩，中有详细介绍。

由于ParallelUglifyPlugin在中介绍过就不再复述，这⾥重点介绍