停止 grunt 更改字体名称答案

【问题标题】：Stop grunt from changing names on fonts停止 grunt 更改字体名称
【发布时间】：2015-10-08 14:39:18
【问题描述】：

所以我在我的Yeoman 项目中添加了一个字体。然而有一个小问题。每当我运行grunt build 时，我的字体文件名都会更改，但在我的CSS 中不会更改，导致它无法工作。

我该如何解决这个问题。我知道我必须查看我的Gruntfile.js，但我不知道该往哪里看。

我已经试过了：

// Performs rewrites based on rev and the useminPrepare configuration
usemin: {
  html: ['<%= yeoman.dist %>/public/{,*/}*.html'],
  css: ['<%= yeoman.dist %>/public/{,*/}*.css'],
  js: ['<%= yeoman.dist %>/public/{,*/}*.js'],
  options: {
    assetsDirs: [
      '<%= yeoman.dist %>/public',
      '<%= yeoman.dist %>/public/assets/images',
      '<%= yeoman.dist %>/public/assets/fonts'
    ],
    // This is so we update image 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']
      ]
    }
  }
},

因为我想如果我可以让它在我的 CSS 中更改名称，它可能会起作用。但这并不能真正解决任何问题:-(

更新

这里要求的是文件名的变化

之前：

ITCEDSCR.TTF

之后

20118b60.ITCEDSCR.TTF

【问题讨论】：

你能展示一下文件名是如何变化的吗？和
根据github.com/yeoman/generator-webapp/issues/459 -> // 根据 rev 和 useminPrepare 配置执行重写 usemin: { options: { assetsDirs: [ '', '/images', '/styles' ] }, html: ['/{,/} i>.html'], css: ['/styles/{,/}.css'] }，所以也许只是摆脱像

标签： gruntjs yeoman grunt-usemin

【解决方案1】：

根据https://github.com/yeoman/generator-webapp/issues/459 ->

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

我猜去掉字体应该会有所帮助吗？

【讨论】：

不完全正确的答案。但帮我找到了解决方案^^谢谢
感谢您的投票！是的，我确信这不是确切的解决方案，但会有所帮助。 :)

【解决方案2】：

实际解决方案！

感谢 Fer To 的链接，我找到了解决方案。这有点像他的建议，只需要在其他地方更改代码。

这是我的解决方案：

// Renames files for browser caching purposes
rev: {
  dist: {
    files: {
      src: [
        '<%= yeoman.dist %>/public/{,*/}*.js',
        '<%= yeoman.dist %>/public/{,*/}*.css',
        //'<%= yeoman.dist %>/public/assets/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}',
        //'<%= yeoman.dist %>/public/assets/fonts/*'
      ]
    }
  }
},

// Performs rewrites based on rev and the useminPrepare configuration
usemin: {
  html: ['<%= yeoman.dist %>/public/{,*/}*.html'],
  css: ['<%= yeoman.dist %>/public/{,*/}*.css'],
  js: ['<%= yeoman.dist %>/public/{,*/}*.js'],
  options: {
    assetsDirs: [
      '<%= yeoman.dist %>/public',
      '<%= yeoman.dist %>/public/assets/images'
    ],
    // This is so we update image references in our ng-templates
    patterns: {
      js: [
        [/(assets\/images\/.*?\.(?:gif|jpeg|jpg|png|webp|svg))/gm, 'Update the JS to reference our revved images']
      ]
    }
  }
},

【讨论】：