我一直在看Angular 2樣式指南(angular.io)中的項目結構。他們推薦的所有東西似乎都有道理,但我對1件事感到困惑:你會在這個結構中放置普通的CSS?將角度2中的常見CSS放在哪裏
通過常見的CSS,我正在討論您想要導入到多個其他CSS文件中的Sass偏分量等內容。甚至如果您使用模板語言,甚至也可以使用HTML。
我一直在看Angular 2樣式指南(angular.io)中的項目結構。他們推薦的所有東西似乎都有道理,但我對1件事感到困惑:你會在這個結構中放置普通的CSS?將角度2中的常見CSS放在哪裏
通過常見的CSS,我正在討論您想要導入到多個其他CSS文件中的Sass偏分量等內容。甚至如果您使用模板語言,甚至也可以使用HTML。
使用SCSS時,比創建包含常用樣式的shared/shared.scss
文件更好。 然後導入其他組件,在scss文件的頂部添加一個@import '../shared/shared
以使用該通用樣式。
向下滾動至Angular 2 Style Guide中的「應用程序結構和角度模塊」。官方應用程序結構功能shared
文件夾(app
文件夾中的一個文件夾)共享文件應該去。共享的CSS文件應該放在相應的shared
文件夾中。
你只想做一個所謂的「風格」或類似的東西在共享文件夾中的文件夾?我主要考慮的不是綁定到單個組件的樣式,如應用中每個按鈕的常見樣式。 – tsmith18256
爲什麼不在'app.component.ts'中有'app.component.css'? –
我在想大量的項目可能會有很多共享的CSS,我想將CSS分解成相對較小的文件。 – tsmith18256
如果您使用角度cli創建項目,則會在src
文件夾下找到styles.css
文件。將所有常用樣式放在此文件中。
.angular-cli.json
文件提到這個文件被捆綁爲一個風格
"styles": [
"styles.css"
],
爲什麼downvote? –
這幾乎是我最終選擇的方法。不同的是我有很多共享的Sass文件,所以我創建了一個名爲_shared/scss_的文件夾。 – tsmith18256