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

Question

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

例如

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

在咕噜

咕噜之后，我期望以下内容：

<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 代码。该问题已关闭，但我不确定项目中是否已修复的代码。