vue项目第一次加载很慢

VUE项目打包后chunk文件较大，第一次加载比较慢，
方法一、
1、安装插件，指定5.0.1版本号，安装最新的导致不能打包

cnpm i compression-webpack-plugin@5.0.1 -S

2、在vue.config.js文件引入

const CompressionWebpackPlugin = require('compression-webpack-plugin')

在module.exports中写入

    plugins: [
      // 插件配置
      new CompressionWebpackPlugin({
        algorithm: 'gzip',
        test: /\.js$|\.html$|\.css/,
        threshold: 10240,
        minRatio: 0.8
      })
    ]

3、配置Nginx

server{
    listen 8087;
    server_name localhost;

    gzip 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]\.";
}

方法二、
1、安装插件，指定5.0.1版本号，安装最新的导致不能打包

cnpm i compression-webpack-plugin@5.0.1 -S

2、在vue.config.js文件引入

const CompressionWebpackPlugin = require('compression-webpack-plugin')

3、在module.exports中写入

    chainWebpack: config => {
        if (process.env.NODE_ENV === 'production') {
            config.plugin('compressionPlugin')
                .use(new CompressionPlugin({
                    test: /\.js$|\.html$|\.css/,
                    threshold: 10240000,
                    deleteOriginalAssets: false
                }))
        }
}

线上打包报错，可能与webpack冲突，降低版本

npm uninstall --save-dev compression-webpack-plugin
npm install --save-dev compression-webpack-plugin@1.1.12

 npm link webpack