vue 开启 webpack压缩

安装依赖

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

 

在vue.config.js 的 代理配置底下建立一个 wepack 配置，放入 压缩代码就行

 

vue config js 的配置

onst CompressionWebpackPlugin = require('compression-webpack-plugin')
        config.plugin('CompressionPlugin').use(
          new CompressionWebpackPlugin({
            filename: '[path].gz[query]', // 压缩后的文件名(保持原文件名，后缀加.gz)
            algorithm: 'gzip', // 使用gzip压缩
            test: new RegExp('\\.(' + ['js', 'css'].join('|') + ')$'), // 匹配文件名
            threshold: 10240, // 对超过10k的数据压缩
            minRatio: 0.8 // 压缩率小于0.8才会压缩
          })
        )

 

具体位置