阻止grunt更改字体上的名称

Question

所以我在我的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

Answer 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']
}
}

去掉字体应该会有帮助吧?

Answer 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']
      ]
    }
  }
},