angularjs - yeoman build:minify 重命名图像-> angularjs ng-src 失败

Question

我正在使用 yeoman + angular 并尝试了“yeoman build:minify”。这失败了，因为任务 rev:img 重命名了所有图像。之后，动态源（参见http://docs.angularjs.org/api/ng.directive:ngSrc）不再起作用。

有人知道解决这个问题的技巧吗？例如，是否可以避免图像重命名？

Answer 1

这是目前已知的问题，我们会尽快修复。

同时，您可以尝试此线程中建议的解决方法之一。

只需将rev配置替换为：

rev: {
   img: ['images/**','!images/ignore/**']
}

并将所有动态图像放入images/ignore/

Answer 2

在Yeoman及其Gruntfile.js的最新版本中，您可以将图像文件夹添加到其filerev任务中。所以你的filerev任务看起来像这样：

// Renames files for browser caching purposes
filerev: {
  dist: {
    src: [
      '<%= yeoman.dist %>/scripts/{,*/}*.js',
      '<%= yeoman.dist %>/styles/{,*/}*.css',
      '<%= yeoman.dist %>/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}',
      /* Here you'll see some ignoring: */
      '!<%= yeoman.dist %>/images/some_image.png',
      '!<%= yeoman.dist %>/images/ignore',
      '<%= yeoman.dist %>/styles/fonts/*'
    ]
  }
},