Question

我已经通过凉亭安装了LumX，并且正在使用咕噜声在Yeoman角度发生器上运行。

在grunt构建之后运行开发时，所有图标都会正确显示。当我运行grunt构建并提供dist /文件夹时，所有图标源都会通过GET引发错误： / styles / fonts / 包含的任何字体文件？v = 1.2.64

我理解一切都适用于localhost，但似乎无法确定为什么它会继续引用它。

我认为问题是因为grunt缩小了，但它在开发中加载得很漂亮。

任何解释和解决方案都将不胜感激！

谢谢！

Answer 1

在摆弄后，我发现这是因为Grunt如何缩小将MaterialDesignIcons抛出。由于图标包有一个源，希望在特定路径中找到它们的字体../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'
  }]
 }
}

Grunt构建后无法加载MDI图标

1 个答案: