前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Vue Cli3 开启gzip打包及后台nginx配置

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

作者头像
飞奔去旅行
发布2020-04-14 14:34:37
8140
发布2020-04-14 14:34:37
举报
文章被收录于专栏:智慧协同智慧协同

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

代码语言:javascript
复制
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增加以下配置:

代码语言:javascript
复制
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;

搞定!

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档