compression-webpack-plugin压缩前端代码&服务器nginx代理相关配置

一、compression-webpack-plugin压缩前端代码

1. 安装插件：
   npm i -D compression-webpack-plugin
2. .webpack配置
   由于本人使用的是vue-cli，所以直接贴配置：

      	// gzip压缩输出文件
        config.plugin('compression').use(CompressionPlugin, [{
           filename: '[path][base].gz',
           algorithm: 'gzip',
           test: /\.js$|\.css$|\.html$/,
           minRatio: 0.8,
           deleteOriginalAssets: true,
         }])
   

3. 进行打包

二、服务器nginx代理相关配置

1. 找到nginx配置文件
   find / -name nginx.conf
2. 修改配置，有压缩文件的情况下，自动返回给客户端压缩文件

	http {
 		gzip_static on;
 	}

3. 找到nginx服务，进行重启
   nginx -V
   –sbin-path=‘/usr/sbin/nginx’
   进入到服务地址路径下:
   cd /usr/sbin
./nginx -s reload