首先安装插件,指定老版本，新版本2.0.0可能会报错
npm install --save-dev compression-webpack-plugin@1.1.2
然后打开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压缩
网友评论