grunt构建在AngularJS应用程序中尝试打包字体时给出错误代码:EISDIR

Question

当我grunt build时，我的AngularJS应用程序grunt-rev在处理字体时出现问题。它会很好地创建字体文件夹，但不会在其中放置任何字体。这是它给我看的。

Running "rev:dist" (rev) task dist/scripts/scripts.js >> a3e641ec.scripts.js dist/styles/main.css >> 970b8797.main.css Warning: Unable to read "dist/fonts/Aller" file (Error code: EISDIR). Use --force to continue.

Gruntfile.js 中的grunt-rev

rev: {
      dist: {
        files: {
          src: [
            '<%= yeoman.dist %>/scripts/{,*/}*.js',
            '<%= yeoman.dist %>/styles/{,*/}*.css',
            '<%= yeoman.dist %>/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}',
            '<%= yeoman.dist %>/styles/fonts/*'
          ]
        }
      }
    }

如何解决此问题？

Answer 1

我最终通过使用双星号**方法递归匹配所有子目录来解决这个问题。我不知道为什么在我最初的Gruntfile.js中没有使用这个方法。相反，它使用了{,*/}*，由于某种原因，它没有递归行为。这是我的Gruntfile.js中的新rev对象

rev: {
      dist: {
        files: {
          src: [
            '<%= yeoman.dist %>/scripts/**/*.js',
            '<%= yeoman.dist %>/styles/**/*.css',
            '<%= yeoman.dist %>/images/**/*.{png,jpg,jpeg,gif,webp,svg}',
            '<%= yeoman.dist %>/fonts/**/*.ttf'
          ]
        }
      }
    },

Answer 2

我也遇到了同样的问题。他们在0.1.0版本中有一个错误。

解决方法是指定文件扩展名。

之前：

rev: {
  dist: {
    files: [{
      expand: true,
      cwd: '<%= config.dist %>/',
      src: [
        'images/**/*'
      ]
    }]
  }
}

之后：

rev: {
  dist: {
    files: [{
      expand: true,
      cwd: '<%= config.dist %>/',
      src: [
        'images/**/*.{gif,jpeg,jpg,png}'
      ]
    }]
  }
}