Хватит ворчать от смены имен на шрифтах

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

АКТУАЛЬНОЕ РЕШЕНИЕ!

Благодаря ссылке Фер То я нашел решение. Это своего рода то, что он предложил, просто нужно было изменить код где-то еще.

Это было мое решение:

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