webpack 开启gzip压缩

打开config / index.js 文件

找到 如下图的命令
在这里插入图片描述

把productionGzip设置为true,
productionGzipExtensions是设置要压缩的扩展名,要以数组元素的形式输入

 	productionGzip: true,
    productionGzipExtensions: ['js', 'css'],

配置设置好了后就可以输入命令对插件进行安装

输入命令 npm install --save-dev [email protected]

tips 注意版本的控制,不然会报错
然后使用命令git run build
9HZV9DQ1E=,size_16,color_FFFFFF,t_70)对比未进行gzip压缩的

未进行压缩
每个文件体重减轻了,而且后缀名多了个.gz,说明压缩成功。
回去看dist文件(就是打包好的文件),会多出很多以.gzip文件。

后续…

猜你喜欢

转载自blog.csdn.net/Bao_Ge_CCQ/article/details/85012551