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

时间:2014-02-18 10:41:56

标签: javascript gruntjs yeoman yeoman-generator grunt-usemin

我目前正在使用自耕农和grunt-usemin任务来加速我的资产。但是,由于我正在使用视频标记,因此usemin会忽略poster属性。

E.g。

<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>

我尝试使用记录为here的文档patterns选项,如下所示:

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指出这是正确的方向,但似乎无法找到一个有效的例子。想法?

1 个答案:

答案 0 :(得分:1)

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

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