Grunt（Yeoman、Grunt-usemin、Grunt-rev）：“rev'ed”字体路径没有反映在我的 .CSS 中？答案

【问题标题】：Grunt (Yeoman, Grunt-usemin, Grunt-rev): The "rev'ed" font path isn't reflected in my .CSS?Grunt（Yeoman、Grunt-usemin、Grunt-rev）：“rev'ed”字体路径没有反映在我的 .CSS 中？
【发布时间】：2014-11-26 23:46:51
【问题描述】：

背景

我正在使用 Yeoman webapp 来搭建我的前端。在 gruntfile 中，他们使用 grunt-rev 和 grunt-usemin

Grunt-rev 将“修改”我的资产，而 grunt-usemin 将更新资产路径。

问题

我有一个正在使用的网络字体。我将字体文件夹放在我的样式目录中，如 gruntfile.js （'styles/fonts/{,/}.*'）中所述，Grunt serve 正确显示了我的字体，但在我构建文件后，它不再有效，因为字体文件名的前缀是一些奇怪的乱码。例如：63b122ab.fontname.ttf 而不是 fontname.ttf

这是用于缓存清除。但是我的 .css 文件没有更新获取它的路径。

在我的 gruntfile.js 中的 usemin 块中

我该怎么办？我目前有这个，但它不工作。

usemin: {
  options: {
    assetsDirs: ['<%= config.dist %>', '<%= config.dist %>/images', '<%= config.dist %>/styles/fonts']
  },
  html: ['<%= config.dist %>/{,/}.html'],
  css: ['<%= config.dist %>/styles/{,/}.css']
},

它正在拾取其他所有内容，但不是字体。我手动创建了字体文件夹。所以我猜 gruntfile.js 必须更新以反映变化。

【问题讨论】：

这个你搞定了吗？我也面临同样的问题。
@Lowkase 获得通过的唯一方法是取消注释在 grunt-rev 中修改字体的行。修改所有内容，但不修改字体。
我也有这个问题。在filerev -> dist -> srv 对象中删除'<%= yeoman.dist %>/styles/fonts/*' 会有所帮助，但这不是我想要的。对此还有其他想法吗？我正在使用 sass 字体助手 font-url，但这也无济于事。
@23tux 我在 github 上记录了一个帮助。据说它已经解决了，他们关闭了这个错误。所以也许尝试更新到最新的 yeoman 并再试一次？
有人找到解决这个问题的方法了吗？

标签： gruntjs yeoman grunt-usemin

【解决方案1】：

我在 css 文件中遇到了与 grunt 相同的问题。我像这样更改了 Gruntfile.js 中的 usemin 配置：

usemin: {
  html: ['<%= yeoman.dist %>/<%= yeoman.client %>/{,!(bower_components)/**/}*.html'],
  css: ['<%= yeoman.dist %>/<%= yeoman.client %>/!(bower_components){,*/}*.css'],
  js: ['<%= yeoman.dist %>/<%= yeoman.client %>/!(bower_components){,*/}*.js'],
  options: {
    assetsDirs: [
      '<%= yeoman.dist %>/<%= yeoman.client %>',
      '<%= yeoman.dist %>/<%= yeoman.client %>/assets/images'
    ],
    // This is so we update image and font references in our ng-templates
    patterns: {
      js: [
        [/(assets\/images\/.*?\.(?:gif|jpeg|jpg|png|webp|svg))/gm, 'Update the JS to reference our revved images']
      ],
      css: [
        [/(assets\/images\/.*?\.(?:gif|jpeg|jpg|png|webp|svg))/gm, 'Update the CSS to reference our revved images'],
        [/(assets\/fonts\/.*?\.(?:woff|ttf|svg|eot))/gm, 'Update the CSS to reference our revved fonts']
      ]
    }
  }
}

【讨论】：