html - 在 Grunt 中重写图像路径

Question

我正在寻找一个“包罗万象”的 Grunt 任务，以根据生产或开发环境重写我的 html 图像路径。我已经研究了 usemin 和 filerev - 但我无法理解到底要做什么。

有什么我可以用来改变以下...

<img src="/img/template/banner.jpg" />

对此：

<img src"/some-other-path-here/banner.jpg />

干杯，

Answer 1

Grunt-usemin 不是这项特定工作的任务，它旨在在一个步骤中自动执行脚本和样式的连接、缩小和加速。有几个“CDN”任务可以帮助您更改相对路径：

• https://github.com/callumlocke/grunt-cdnify
• https://github.com/tactivos/grunt-cdn

Answer 2

可以在usemin中完成

patterns: {
                js: [
                    [/(img\/.*?\.(?:gif|jpeg|jpg|png|webp|svg))/gm,'Update the JS to reference our revved images',function(match){
return .... <-- you can replace it to whatever you want here.

}