Vue中使用image-webpack-loader的示例
5星
- 浏览量: 0
- 大小:None
- 文件类型：PDF
简介：
本文章介绍了如何在Vue项目中配置和使用image-webpack-loader来优化图片资源，提供了详细的步骤和代码示例。
首先打开 webpack.base.config.js 文件。
提示：在此文件中，url-loader 和 image-webpack-loader 不能同时使用，否则会导致图片无法正常显示。
接着找到
```javascript
module: {
rules: [
{}...
]
}
```
在这里写入配置项时，请确保先添加 file-loader 才能使用 image-webpack-loader。可以调整多种设置来控制压缩后图片的质量。
提示：如果采用 webp 格式，虽然会显著减小文件体积，但 iOS 设备不支持该格式，会导致在这些设备上无法显示图片。
全部评论 (0)
还没有任何评论哟~
