在Grunt中重写图像路径

Question

我正在寻找一个＆＃34;全能的＆＃34; Grunt根据生产或开发环境重写我的html图像路径的任务。我已经研究过usemin和filerev - 但是我无法理解究竟要做什么。

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

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

到此：

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

干杯，

Answer 1

Grunt-usemin不是这项特定工作的任务，它旨在通过一步自动化脚本和样式的连接，缩小和加速。有几个＆＃34; CDN＆＃34;可以帮助您改变相对路径的任务：

• 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.

}