在angular-cli.json文件中,有apps/assets鍵讓我可以使用資產。如何申報資產?
我可以聲明所有放在那裏的圖像,然後我就可以使用它。但這顯然不是這樣做的權利,對吧?
「?跆拳道這是否同胞編碼小氣」,是你的權利,現在我承擔,所以這裏是我的詳細問題:
.angular-cli.json:
"apps": [
{
"root": "src",
"outDir": "dist",
"assets": [
"assets",
"favicon.png"
],
// Other things that do not matter
],
某處的代碼:
<img src="assets/images/mycoolimage.png" alt="Johannes banannes">
資產文件夾(包括圖像):
src/assets/images/mycoolimage.png
我得到一個404說沒有找到圖像。查看angular-cli.json
,在其中聲明assets
文件夾。這不是應該包括所有資產嗎?該favicon.png
例如是accessable使用類似的代碼的任何位置如下:
<img src="favicon.png">
如果「資產」在assets
部分(角cli.json)宣佈,不宜其內容可無處不在使用類似以下內容:
<img src="assets/images/mycoolimage.png">
任何幫助,高度讚賞。
編輯:這是顯示我的文件夾結構截圖:
你應該能夠以這種方式獲取圖像。 favicon是一種特殊情況,因爲它被編譯到輸出文件夾的根目錄,即/dist/favicon.ico。你是在做'ng serve'的時候得到404,還是在編譯之後用'lite-server'來服務?你的'base_href'設置爲什麼? – joh04667
使用圖像的相對路徑 – Faisal
E.g.如果您的component.htm位於src/app /文件夾下,那麼將組件中的圖像設置爲 ... angular-cli將在構建之後處理路徑。 – Faisal