gruntjs - 无法使用 grunt 插件 grunt-contrib-imagemin 缩小图像

Question

我刚刚下载了 yeoman 的新副本。当我使用 grunt 构建时，我看到我的所有图像都已转换并且它们的文件名已重命名。

但是，html 文件中的引用并未引用新名称。

知道为什么吗？

imagemin: {
  dist: {
    files: [{
      expand: true,
      cwd: '<%= yeoman.app %>/img',
      src: '{,*/}*.{png,jpg,jpeg}',
      dest: '<%= yeoman.dist %>/img'
    }]
  }
},

usemin: {
  html: ['<%= yeoman.dist %>/{,*/}*.html'],
  css: ['<%= yeoman.dist %>/styles/{,*/}*.css'],
  options: {
    dirs: ['<%= yeoman.dist %>']
  }
},

ngapp/views/main.html

<a href="#red-green" style="background-image: url('img/demo/red-green.png');background-repeat: no-repeat;"></a>

Answer 1

重命名由 grunt-filerev 完成Gruntfile 中的任务。 usemin 任务负责更新对脚本、样式表和图像的重命名文件的引用，但不支持内联样式。您应该移动 background-image样式表中的引用或禁用 rev任务。