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

Question

我目前正在使用 yeoman 和 grunt-usemin 任务来加速我的 Assets 。但是，由于我使用的是 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']
}

但是，它不起作用。 Examples来自 grunt-usemin 存储库的 javascript 工作，但我似乎无法让它们与 HTML 一起工作。上一页 issues指出这是正确的方向，但似乎找不到可行的示例。有想法吗？

Answer 1

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

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