Не удается загрузить значки MDI после сборки Grunt

Я установил LumX через Bower и работаю на угловом генераторе Yeoman с grunt.

При запуске разработки после сборки grunt все значки отображаются правильно. Когда я запускаю сборку grunt и обслуживаю папку dist/, все источники значков выдают ошибку через GET: /styles/fonts/ЛЮБОЙ ИЗ ВКЛЮЧЕННЫХ ФАЙЛОВ ШРИФТА?v=1.2.64

Я понимаю, что все работает на локальном хосте, но не могу понять, почему он продолжает ссылаться на это.

Я понял, в чем проблема, поскольку grunt минимизирует, но прекрасно загружается в процессе разработки.

Любое объяснение и решение будут оценены!

Спасибо!


css gruntjs yeoman yeoman-generator-angular lumx
person Stephen C    schedule 14.01.2016    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Покопавшись, я обнаружил, что из-за минимизации Grunt значки MaterialDesign сбрасываются. Поскольку у пакета значков есть источник, ожидающий найти свои шрифты по определенному пути ../style/fonts/* , он не будет таким же после сборки Grunt, поскольку они будут минимизированы в один файл.

Я использовал подход FontAwesome к файлу Grunt.

copy: {
  dist: {
    files: [{
      expand: true,
      dot: true,
      cwd: '<%= config.app %>',
      dest: '<%= config.dist %>',
    src: [
      '.{ico,png,txt}',
      '.htaccess',
      'images/{,/}.webp',
      '{,/}.html',
      'styles/fonts/{,/}.'
      ]
     },{
   expand: true,
   dot: true,
   cwd: 'bower_components/mdi/fonts/',
   src: ['.'],
   dest: '<%= yeoman.dist %>/styles/fonts'
  }]
 }
}
person Stephen C    schedule 20.01.2016