linux image-webpack-loader下载异常安装依赖不全 webpack 打包图片压缩配置 安装依赖 imagemin-mozjpeg 失败等问题

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值