Gruntjs 使用最小值替换所有出现的新版本图像，而不仅仅是img src=值内部

我正在尝试使用picturefill插件创建一个响应图像，但usemin插件似乎无法获取

标记之外的任何url。是否有办法强制其使用新的缩小/缓存爆破图像更改原始图像的每次出现，如下所示：

在咕噜建造之前

//这很管用
//这不管用
//这不管用

建造之后

//已更新
//未更新
//未更新

以下是我的GrunFile代码（如果有帮助）：

rev: {
    dist: {
        files: {
            src: [
                '<%= yeoman.dist %>/public/scripts/{,*/}*.js',
                '<%= yeoman.dist %>/public/styles/{,*/}*.css',
                '<%= yeoman.dist %>/public/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}'
            ]
        }
    }
},

useminPrepare: {
    html: ['<%= yeoman.app %>/views/index.html',
           '<%= yeoman.app %>/views/index.jade'],
    options: {
        dest: '<%= yeoman.dist %>/public'
    }
},

usemin: {
    html: ['<%= yeoman.dist %>/views/{,*/}*.html',
           '<%= yeoman.dist %>/views/{,*/}*.jade'],
    css: ['<%= yeoman.dist %>/public/styles/{,*/}*.css'],
    options: {
        assetsDirs: ['<%= yeoman.dist %>/public']
    }
},

// The following *-min tasks produce minified files in the dist folder
imagemin: {
    options : {
        cache: false
    },
    dist: {
        files: [{
            expand: true,
            cwd: '<%= yeoman.app %>/images',
            src: '{,*/}*.{png,jpg,jpeg,gif}',
            dest: '<%= yeoman.dist %>/public/images'
        }]
    }
}

rev:{
地区：{
档案：{
src:[
“/public/scripts/{，*/}*.js”，
“/public/styles/{，*/}*.css”，
“/public/images/{，*/}{png，jpg，jpeg，gif，webp，svg}”
]
}
}
},
使用准备：{
html:['/views/index.html'，
“/views/index.jade”]，
选项：{
目的地：'/public'
}
},
usemin：{
html:['/views/{，*/}*.html',，
“/views/{，*/}*.jade']，
css:['/public/styles/{，*/}*.css']，
选项：{
资产目录：['/public']
}
},
//以下*-min任务在dist文件夹中生成缩小的文件
imagemin：{
选项：{
缓存：false
},
地区：{
档案：[{
是的，
cwd:“/images”，
src:“{，*/}*{png，jpg，jpeg，gif}”，
目标：“/public/images”
}]
}
}
Usemin
现在支持
块替换
。这允许您定义自己的自定义替换，例如
srcset

请参阅和
Usemin
自述。
谢谢，伙计，我今晚会测试一下
// Updated
<img src="images/b1kajsmf.main.jpg" />

<picture>

    // Not updated
    <source srcset="images/main.jpg" media="(min-width: 1200px)" />
    <source srcset="images/main-lg.jpg" media="(min-width: 992px)" />
    <source srcset="images/main-md.jpg" media="(min-width: 768px)" />
    <source srcset="images/main-sm.jpg" media="(min-width: 1px)" />

    // Not updated
    <img srcset="images/main.jpg" alt="Epic punting">

</picture>

rev: {
    dist: {
        files: {
            src: [
                '<%= yeoman.dist %>/public/scripts/{,*/}*.js',
                '<%= yeoman.dist %>/public/styles/{,*/}*.css',
                '<%= yeoman.dist %>/public/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}'
            ]
        }
    }
},

useminPrepare: {
    html: ['<%= yeoman.app %>/views/index.html',
           '<%= yeoman.app %>/views/index.jade'],
    options: {
        dest: '<%= yeoman.dist %>/public'
    }
},

usemin: {
    html: ['<%= yeoman.dist %>/views/{,*/}*.html',
           '<%= yeoman.dist %>/views/{,*/}*.jade'],
    css: ['<%= yeoman.dist %>/public/styles/{,*/}*.css'],
    options: {
        assetsDirs: ['<%= yeoman.dist %>/public']
    }
},

// The following *-min tasks produce minified files in the dist folder
imagemin: {
    options : {
        cache: false
    },
    dist: {
        files: [{
            expand: true,
            cwd: '<%= yeoman.app %>/images',
            src: '{,*/}*.{png,jpg,jpeg,gif}',
            dest: '<%= yeoman.dist %>/public/images'
        }]
    }
}