如何让指定的图片不用这个后缀
时间: 2024-09-11 11:03:41 浏览: 61
python批量修改图片后缀的方法(png到jpg)
如果你想让特定的图片在打包时不添加内容哈希后缀,你可以采取以下几种方法:
1. **配置Webpack**: 在Webpack的配置文件(如`webpack.config.js`)中,找到处理静态资源的部分,可以设置图片文件的别名(`assetPath`)或者排除某些规则,使其不参与哈希命名。例如,可以使用`file-loader`的exclude选项排除特定路径下的图片。
```javascript
module.exports = {
//...
module: {
rules: [
{
test: /\.(png|jpg)$/, // 指定你想保留原名的图片格式
use: [
{
loader: 'url-loader',
options: {
limit: 10000, // 如果图片小于这个大小,就直接内联
fallback: 'file-loader', // 否则使用file-loader
name: '[path][name].[ext]', // 这里可以去掉哈希后缀
},
},
],
},
],
},
};
```
2. **使用特殊名称**:如果你知道图片的具体路径和名称,可以在引用图片的地方直接使用完整的URL或相对路径,这样就不会被打包成哈希形式。
3. **不启用默认的哈希机制**:如果只是针对个别图片,可以考虑在需要的地方手动上传,然后在HTML模板中直接使用非哈希的形式链接。
请记住,在生产环境中保持一些图片的不变哈希有助于浏览器缓存,提高加载速度。但在测试或定制场景下,控制哈希是可行的。
阅读全文