grunt-usemin 海报属性 html 视频标签的自定义模式

Question

我目前正在使用 yeoman 和 grunt-usemin 任务来加速我的资产。但是，由于我使用的是 video 标签，usemin 会忽略 poster 属性。

例如

<video id="video-1" poster="/images/awesomeFeature.png">
  <source src="..."/>
</video>

在 grunt-usemin 之后，我希望得到以下结果：

<video id="video-1" poster="/images/ch6k8.awesomeFeature.png">
  <source src="..."/>
</video>

我尝试使用记录在案的patterns 选项记录在案的here，例如：

usemin: {
    options: {
        assetsDirs: ['<%= cw.dist %>'],
        patterns: {
          html: [[/poster="([^"]*")/, 'Replacing reference to posters']]
        }
    },
    html: ['<%= cw.dist %>/{,*/}*.html'],
    css: ['<%= cw.dist %>/styles/{,*/}*.css']
}

但是，它不起作用。来自 grunt-usemin 存储库的Examples 使用 javascript，但我似乎无法让它们使用 HTML。以前的issues 指出这是正确的方向，但似乎找不到一个可行的例子。想法？

Answer 1

这个问题有一些细节 https://github.com/yeoman/grunt-usemin/issues/164

要点是您可能需要更改 usemin 代码。该问题已关闭，但我不确定项目中是否已修复代码。