vue-cli3.0添加gzip支持

647 阅读1分钟

vue.config.js开启gzip压缩

const CompressionWebpackPlugin = require('compression-webpack-plugin')
configureWebpack: config => {
    // 开发环境不需要gzip
    if (process.env.NODE_ENV !== 'production') return
    config.plugins.push(
      new CompressionWebpackPlugin({
        // 正在匹配需要压缩的文件后缀
        test: /\.(js|css|svg|woff|ttf|json|html)$/,
        // 大于5kb的会压缩
        threshold: 5120
        // 其余配置查看compression-webpack-plugin
      })
    )
  }

nginx 配置

    gzip on;
    gzip_http_version 1.1;
    gzip_comp_level 3;
    gzip_types text/plain application/json application/x-javascript application/css application/xml application/xml+rss text/javascript application/x-httpd-php image/jpeg image/gif image/png image/x-ms-bmp;