compression-webpack-plugin压缩前端代码&服务器nginx代理相关配置
一、compression-webpack-plugin压缩前端代码
- 安装插件:
npm i -D compression-webpack-plugin
- .webpack配置
由于本人使用的是vue-cli,所以直接贴配置:// gzip压缩输出文件 config.plugin('compression').use(CompressionPlugin, [{ filename: '[path][base].gz', algorithm: 'gzip', test: /\.js$|\.css$|\.html$/, minRatio: 0.8, deleteOriginalAssets: true, }])
- 进行打包
二、服务器nginx代理相关配置
- 找到nginx配置文件
find / -name nginx.conf
- 修改配置,有压缩文件的情况下,自动返回给客户端压缩文件
http {
gzip_static on;
}
- 找到nginx服务,进行重启
nginx -V
–sbin-path=‘/usr/sbin/nginx’
进入到服务地址路径下:
cd /usr/sbin
./nginx -s reload