2016-10-20 42 views
3

我一直在看Angular 2樣式指南(angular.io)中的項目結構。他們推薦的所有東西似乎都有道理,但我對1件事感到困惑:你會在這個結構中放置普通的CSS?將角度2中的常見CSS放在哪裏

通過常見的CSS,我正在討論您想要導入到多個其他CSS文件中的Sass偏分量等內容。甚至如果您使用模板語言,甚至也可以使用HTML。

回答

2

使用SCSS時,比創建包含常用樣式的shared/shared.scss文件更好。 然後導入其他組件,在scss文件的頂部添加一個@import '../shared/shared以使用該通用樣式。

+0

這幾乎是我最終選擇的方法。不同的是我有很多共享的Sass文件,所以我創建了一個名爲_shared/scss_的文件夾。 – tsmith18256

1

向下滾動至Angular 2 Style Guide中的「應用程序結構和角度模塊」。官方應用程序結構功能shared文件夾(app文件夾中的一個文件夾)共享文件應該去。共享的CSS文件應該放在相應的shared文件夾中。

+0

你只想做一個所謂的「風格」或類似的東西在共享文件夾中的文件夾?我主要考慮的不是綁定到單個組件的樣式,如應用中每個按鈕的常見樣式。 – tsmith18256

+0

爲什麼不在'app.component.ts'中有'app.component.css'? –

+0

我在想大量的項目可能會有很多共享的CSS,我想將CSS分解成相對較小的文件。 – tsmith18256

6

如果您使用角度cli創建項目,則會在src文件夾下找到styles.css文件。將所有常用樣式放在此文件中。

.angular-cli.json文件提到這個文件被捆綁爲一個風格

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

爲什麼downvote? –