grunt-usemin相对图像链接

Question

我有一个非常常见的问题，阅读了很多解决方案（stackoverflow和github问题），但仍然没有发现这对我有用。

我正在努力解决的问题：

1. angularjs 项目，所以我使用 generator-angular （yeoman generator）
2. SASS 预处理器（实际上并不是'metter）
3. 需要使用相对图片链接（../../ images / yeoman.png），因此在构建之前和之后正确（../ images /yeoman.1er4b3.png）

---

我创建了test project for that。 测试用途：

grunt serve:build

只有解决方案适用于我，您可以在this commit

中找到

cssmin: {
  options: {
    target: '.tmp/styles/any.css',
    relativeTo: '.tmp/styles/'
  }
}

但它有问题： 如果编译（构建后）css文件位于 dist / styles / subfolder / （index.html包含＆lt;！ - build：css（{。tmp，app}）样式/视图/视图。 css - ＆gt;），链接将被破坏。

---

此问题与 grunt-cotrib-cssmin - ＆gt;相关联的清洁的CSS

注意： generator-angular使用我在帮助中看到的最新解决方案创建Gruntfile，但它对我的情况没有帮助

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

如果有人能正常构建 test project ，我们会很高兴。