Question

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

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

Answer 1

目前这是known issue，我们会尽快修复它。

与此同时，您可以在this thread中尝试一种建议的解决方法。

只需将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/*'
    ]
  }
},

yeoman build：minify重命名图像 - ＆gt; angularjs ng-src失败了

2 个答案: