9
現在,在開發我的項目時,我有三個文件,「main.css」,「about.css」和「news.css」(例如)。是否可以將它們編譯成一個用於生產的「final.css」?Sass,Compass,將所有CSS文件編譯爲一個
現在,在開發我的項目時,我有三個文件,「main.css」,「about.css」和「news.css」(例如)。是否可以將它們編譯成一個用於生產的「final.css」?Sass,Compass,將所有CSS文件編譯爲一個
的SASS import directive用於將一個文件的內容導入到另一個,所以你可以創建一個文件final.scss
,其內容是:
@import 'main';
@import 'about';
@import 'news';
你會那麼需要重命名你的文件有「SCSS 「擴展名,以便導入指令可以找到它們。如果您不希望main.scss
,about.scss
和news.scss
文件自己編譯爲CSS文件,則可以使用partials,並在文件名前加下劃線(即_main.scss
,)。
它是在一個CSS文件中編譯所有scss的首選方法嗎? – Vincent
是的,通常。通過減少每個頁面的HTTP請求數量,將所有CSS組合成單個文件有助於提高性能。這裏有一個很好的參考:http://developer.yahoo.com/performance/rules.html#num_http – hopper