vue打包后单个chunk文件太大的压缩处理

两种处理方式，分别对应前端和Nginx：
第一种（前端）：安装 ‘compressionPlugin’ 插件，npm i -D const compression-webpack-plugin

const CompressionPlugin = require('compression-webpack-plugin')
if (process.env.NODE_ENV === 'production') {
    config.plugin('compressionPlugin').use(new CompressionPlugin({
        test: /\.(js|css|less)$/, // 匹配文件名
        threshold: 20480, // 对超过20k的数据压缩
        minRatio: 0.8,
        deleteOriginalAssets: true // 删除源文件
    }))
}

第二种（Nginx配置开启压缩）nginx服务器配置静态压缩：如下

server{
    gzip on;
    gzip_static on;
    gzip_min_length 1k;
    gzip_comp_level 9;
    gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
    gzip_vary on;
    gzip_disable "MSIE [1-6]\.";
}