欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Vue-cli3 开启gzip压缩

程序员文章站 2022-03-29 14:08:07
...

开启 gzip 压缩

gzip 是 GNUzip 的缩写,最早用于 UNIX 系统的文件压缩。HTTP 协议上的 gzip 编码是一种用来改进 web 应用程序性能的技术,web 服务器和客户端(浏览器)必须共同支持 gzip。目前主流的浏览器,Chrome,firefox,IE等都支持该协议。常见的服务器如 Apache,Nginx,IIS 同样支持,gzip 压缩效率非常高,通常可以达到 70% 的压缩率,也就是说,如果你的网页有 30K,压缩之后就变成了 9K 左右

安装依赖:

cnpm i -D compression-webpack-plugin --save

在vue.congfig.js中添加代码逻辑:

 configureWebpack: config => {
    if (process.env.NODE_ENV === 'production') {
      return {
        plugins: [new CompressionPlugin({
          test: /\.js$|\.html$|\.css/,   // 匹配文件名字
          threshold: 10240,              // 对超过10k的数据进行压缩
          deleteOriginalAssets: false    // 是否删除源文件
        })]
      }
    }
  },

东拼西凑看看能不能帮助你们  主要是优化项目