关于前端:前端如何配置gzip压缩

webpack有一个文件压缩的插件，能够将大文件压缩成gzip的格局。
应用起来也非常简单，先装置：npm install --save-dev compression-webpack-plugin

而后批改webpack配置（vue.config.js）：

const CompressionWebpackPlugin = require("compression-webpack-plugin");// 可退出须要的其余文件类型，比方json// 图片不要压缩，体积会比原来还大const productionGzipExtensions = ["js", "css"]; module.exports = {  configureWebpack: config => {    if (process.env.NODE_ENV === "production"){        config.plugins.push(          new CompressionWebpackPlugin({            filename: '[path].gz[query]',            algorithm: "gzip",            test: new RegExp("\\.(" + productionGzipExtensions.join("|") + ")$"),            threshold: 10240, //对超过10k的数据进行压缩            minRatio: 0.6 // 压缩比例，值为0 ~ 1,            deleteOriginalAssets:false  // 删除原文件          })        )    }    return {        name:name,        resolve:{            alias:{                '@':resolve('src')            }        }    }  }};

配置之后，npm run build，咱们能够看到文件曾经被压缩了