1. const CmpressionWebpackPlugin = require("compression-webpack-plugin")
  2. plugins: [
  3. new CmpressionWebpackPlugin({
  4. test: /\.js/,
  5. minRatio: 0.5
  6. })
  7. ]

1️⃣ gzip

gzip是一种压缩文件的算法

1️⃣ B/S结构中的压缩传输

优点:传输效率可能得到大幅提升
缺点:服务器的压缩需要时间,客户端的解压需要时间
image.png

1️⃣ 使用webpack进行预压缩

使用 compression-webpack-plugin 插件对打包结果进行预压缩,可以移除服务器的压缩时间
image.png