在AngularJS部分中使用Usemin

我用约曼搭建了一个AngularJS项目。我使用“rev”任务来帮助确保我的图像、脚本、样式等得到唯一标识

在AngularJS应用程序中，我有一个使用ng include指令导入的模板。我的问题是，usemin正在转换每个文件中相对于它正在转换的文件的引用，但是当呈现内容时，它们会被拉入我的index.html，浏览器会以不同的相对路径拉入内容

例如，我的目录结构如下所示：

• index.html
• 模板/header.html
• 图片/logo.png

header.html有时会被拉入index.html中，并引用images/logo.png

如果我把

放在header.html中，它会自己正确加载，但不会被usemin翻译

如果我把

放在header.html中，usemin会找到它并翻译它，但是一旦header.html被拉到index.html中，它就找不到图像了

usemin文档说明：

当引用是相对的时，默认情况下在相对于目标目录中当前文件位置的路径中查找引用的项 [我的重点]

---

“默认情况下”语言让我认为有一种方法可以告诉它相对路径应该是相对于当前文件以外的其他文件，但我还没有找到任何文档可以告诉我如何更改该行为。

您可以显式声明资产目录（或仅使用绝对路径？）

---

这方面有什么新的吗？Try/images/logo.pngYeoman本身的意义很小，重要的是特定的约曼生成器。因为您没有指定哪个yeoman生成器，所以我假设角度生成器维护了yeoman团队的工作。在初始设置之后，我运行了

grunt rev

，发现没有

rev

目标。当我不知道哪些目标正在运行时，很难提供帮助。可能有些任务将名称从logo.png更改为logo.534534534.png，而此任务仅在index.html中更改路径。

usemin: {
  html: 'templates/header.html',
    options: {
    assetsDirs: ['images']
  }  
}