2017-03-01 45 views
5

我想我自己的自定義CSS添加到我的新的角度CLI應用...如何包括自定義樣式與角CLI

但是我在努力得到這個工作並沒有多少文檔這工作,這使得它有點猜測工作!

在下面的圖片我已經加入我的自定義樣式表在.angular-cli.json文件爲這樣:

"styles": [ 
    "styles.css", 
    "app/assets/css/styles.css" 
    ], 

然而,這並不工作...

請指教!

enter image description here

+0

你使用納克服務? – jmny

+0

您可以將路徑添加到您的index.html –

回答

3

根據您的文件夾結構,正確的路徑是assets/css/styles.css所以改變它在你的angular-cli.json文件,如下進行檢查。

"styles": [ 
    "styles.css", 
    "assets/css/styles.css" 
], 
+1

謝謝,這是使用的路徑。我也不得不停下來重新啓動應用程序,以識別新的位置......我只是添加它並刷新了網站。 – HappyCoder

-1

最簡單的方法是創建一個文件夾(在src/)稱之爲styles/將您style.css(或者SCSS和所有其他_variables.scss文件)它,然後修改angular-cli.json這樣的:

"styles": [ 
    "styles/styles.css" 
]