在AngularJS部分中使用Usemin

Question

我使用Yeoman來搭建AngularJS項目。我正在使用'rev'任務來幫助確保我的圖像，腳本，樣式等被唯一標識。

在我的AngularJS應用程序中，我有一個進口與NG-include指令的模板。我的問題是，usemin是在每個文件內相對於它正在翻譯的文件中翻譯引用，但是當渲染它們時，它們被拉到我的index.html中，並且瀏覽器以不同的相對路徑拉入東西。

例如，我有一個看起來的目錄結構，如：

• 的index.html
• 模板/ header.html中
• 圖像/ logo.png

了header.html有時會被拉到index.html中，並且會引用images/logo.png。

，如果我在header.html中把<img src="images/logo.png" />，它正確地加載自身，但沒有得到通過usemin翻譯。

如果我把<img src="../images/logo.png" />放在header.html中，usemin會找到它並翻譯它，但是一旦header.html被拉到index.html中，它就不會找到圖片。

的usemin文件說：

當基準是相對的，默認所引用的項目是看路徑的相對到當前文件位置在目標目錄 [重點煤礦]

的「默認」的語言讓我覺得有一種方法來告訴它的相對路徑應該是相對於比當前文件以外的東西，但我還沒有發現任何文件，告訴我如何改變這種行爲。

Answer 1

您可以顯式聲明的資產目錄（或只使用絕對路徑？）。

https://github.com/yeoman/grunt-usemin#assetsdirs

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