javascript - 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记录的文档选项，例如：

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

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

Answer 1

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

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