Q

如何在.NET Core + Angular2解決方案中添加帶有圖像的樣式表

2017-04-10 41 views 0 likes

0

我一直在使用.NET Core + Angular 2構建一個Web門戶。IDE是VS 2015. 組件和設置工程精細。我已經使用Webpack進行客戶端構建。我的解決方案結構看起來如下 Solution Structure 如何在.NET Core + Angular2解決方案中添加帶有圖像的樣式表

我現在卡住的是這個外部庫有圖像和庫中的css文件引用的東西。我想在我的組件HTML中使用庫中的圖像。如下面的屏幕截圖所示。 Image code and refereed Image 可有一個人幫我，我怎麼可以使用圖像，因爲現在我收到錯誤500錯誤圖像鏈接

2017-04-10 Asif Khan

+0

除非webpack知道wwwroot目錄，並且你有一個配置爲加載圖片的插件，否則你需要從'/ lib/assets/images'這樣的不同路徑提供它。 –

+1

感謝它的運作 –

A

回答

0

這是不可能的從Web根目錄上面的文件服務。嘗試從/lib開始的絕對路徑。

本質上改變../../../../wwwroot/lib/assets/x爲/lib/assets/x。

您也可以使用../../../lib/assets/x但我更喜歡絕對URL，因爲它更易於維護，因爲如果您碰巧移動引用文件，則不必更新路徑。

2017-04-10 12:28:28

相關問題