**vue2 配置 gizp压缩** 

背景：公司项目比较庞大，注册用户很多，所以静态资源加载就成了一个亟待解决的问题，这里主要交代配置 gzip

npm install compression-webpack-plugin@6.0.3 --save-dev

// vue.config.js 引入gzip压缩插件
const CompressionWebpackPlugin = require('compression-webpack-plugin')
在 configureWebpack 中 配置 plugins 写下如下一段代码
 configureWebpack: { 
    // provide the app's title in webpack's name field, so that
    // it can be accessed in index.html to inject the correct title.
    name: name,
    plugins: [
      new CompressionWebpackPlugin({
        exclude: /node_modules/,
        test: /\.(js|css)(\?.*)?$/i, // 匹配文件名
        minRatio: 0.8,
        threshold: 10240, // 对10K以上的数据进行压缩
        deleteOriginalAssets: false// 是否删除源文件
      })
    ],
    ....
    }

效果：
看你打完包的资源里是不是用 gz 结尾的文件 有就是配置成功了