vue打包如何开启g-Zip压缩避免Compression Plugin Invalid Options，以及和后端的配合

首先安装插件,指定老版本，新版本2.0.0可能会报错

npm install --save-dev [email protected]

然后打开config文件夹下的index.js,开启压缩，将productionGzip的值由false改为true

 build: {
    ······
    // npm install --save-dev compression-webpack-plugin
    productionGzip: true,
    productionGzipExtensions: ['js', 'css'],
    ······
  }

在运行npm run build,即可打开你的dist文件夹下的js文件，可以看到gz类型的文件，文件至少小了差不多3~4倍。

当然，这是前台压缩，你还要和后台有所配合，后端配合看这里

ps:如何判定是否成功，request为前台，如果Accept-Encoding里有gzip，那就是前台开启成功，然后,Response为后台，如果Content-Encoding里也有gzip，那就表明后台页开启成功，如图所示

gzip压缩

转载于:https://www.jianshu.com/p/e32533a46148