龙空技术网

Vue Cli3 开启gzip打包及后台nginx配置

Devid 115

前言:

今天兄弟们对“nginxgzip配置文件夹”大概比较关怀,同学们都需要分析一些“nginxgzip配置文件夹”的相关资讯。那么小编在网上收集了一些对于“nginxgzip配置文件夹””的相关内容,希望咱们能喜欢,你们一起来学习一下吧!

vue配置文件中增加如下配置:

configureWebpack: config => {          if (process.env.NODE_ENV === 'production') {                // gzip打包                config.plugins.push(                    new CompressionWebpackPlugin({                        filename: '[path].gz[query]',                        algorithm: 'gzip',                        test: new RegExp('\\.(' + productionGzipExtensions.join('|') + ')$'),                        threshold: 10240,                        minRatio: 0.8                    })                );            }        },

增加了以上选项是为了让vue build 输出gzip文件,如果要站点生效,还需要配置nginx增加以下配置:

gzip  on;gzip_disable "msie6";gzip_proxied any;gzip_min_length 1k;gzip_comp_level 4;gzip_types text/plain application/x-javascript application/javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;

搞定!

标签: #nginxgzip配置文件夹