Hi!请登陆

vue-cli3.x打包优化

2020-11-15 30 11/15

首先有些基础优化vue内部已经处理了,像:chunk代码,压缩等

一、去除生产环境sourceMap

sourceMap资源映射文件,存的是打包前后的代码位置,方便开发使用,这个占用相当一部分空间

二、对资源文件进行压缩

需要下载 compression-webpack-plugin

压缩后也会节省一部分空间

nginx配置示例:

nginx需要安装http_gzip_static_module以支持gzip_static

三、图片压缩

需要下载 image-webpack-loader

四、去除console.log打印

五、只打包改变的文件

六、开启分析打包日志

安装cnpm i webpack-bundle-analyzer -D

相关推荐