我希望能够在我的CSS中进行缓存破坏,以便于背景图片。如果我的原始样式是:
.one {
background: url(image.png);
}
可以添加字符串:
.one {
background: url(image.png?1234);
}
或者文件名可以更改:
.one {
background: url(image-1234.png);
}
与其使用随机生成器或时间戳,我想使用图像文件的哈希值来使缓存在必要时(即文件实际更改时)才被清除。
我正在使用SASS和Gulp,因此我可以使用Gulp Cache Buster和Gulp Hasher。
https://github.com/disintegrator/gulp-hasher
https://github.com/disintegrator/gulp-cache-buster
我对此有所顾虑,因为它看起来似乎需要修改你的SASS。所以如果你从这里开始:.logo {
background: url(assets/images/logo.svg);
}
你需要将它更改为这样:
.logo {
background: url(ASSET{assets/images/logo.svg});
}
我希望保持我的SASS干净整洁,不以这种方式进行修改。这可行吗?