分类：image-webpack-loader

2020
11-13

vue打包通过image-webpack-loader插件对图片压缩优化操作

vue正常打包之后一些图片文件很大，使打包体积很大，通过image-webpack-loader插件可将大的图片进行压缩从而缩小打包体积step1：npminstallimage-webpack-loader--save-devstep2：在build/webpack.base.conf.js中改如下配置module.exports={module:{{test:/\.(png|jpe?g|gif|svg)(\?.*)?$/,//loader:'url-loader',//options:{//limit:100000,//name:utils.assetsPath('img... 继续阅读 >

2020
11-13

在vue中使用image-webpack-loader实例

首先打开webpack.base.confi.js提示：在这里url-loader和image-webpack-loader不能一起使用，否则会导致图片出不来接着找到module:{rules:[{}...]}在这里写入，一定要先写‘file-loader'才能使用'image-webpack-loader'有各种配置，可以调整你要压缩后图片的质量提示：如果使用了webp会大大减少体积，但是ios并不支持这个格式，会导致在ios上看不见图片{test:/\.(png|jpe?g|gif|svg)(\?.*)?$... 继续阅读 >