vue.config.js 中开启打包图片压缩配置
// 开启图片压缩
config.module
.rule('images')
.test(/\.(png|jpe?g|gif|svg)(\?.*)?$/)
.use('image-webpack-loader')
.loader('image-webpack-loader')
.options({ bypassOnDebug: true });
//或者指定图片压缩配置
config.module
.rule('images')
.test(/\.(png|jpe?g|gif|svg)(\?.*)?$/)
.use('image-webpack-loader')
.loader('image-webpack-loader')
// .options({ bypassOnDebug: true });
.options({
mozjpeg: { progressive: true, quality: 65 },
optipng: { enabled: false },
pngquant: { quality: [0.8, 0.9], speed: 4 },
gifsicle: { interlaced: false },
webp: { quality: 75 },
});
安装依赖
npm install image-webpack-loader --save-dev
通过jenkins 自动化部署时,安装依赖报错
mozjpeg pre-build test failed configure: error: no nasm (Netwide Assembler) found
在linux 安装依赖 提示 nasm缺失 执行如下指令
sudo yum install nasm
然后在安装 imagemin-mozjpeg 依赖
npm install imagemin-mozjpeg --save-dev
linux 安装如下命令时
安装如下依赖命令
sudo yum install mesa-libGL
再安装命令 终于没报错
npm install image-webpack-loader@6.0.0 --save-dev
安装过程中 报错
linux需按照libXi,命令如下
sudo yum install libXi