你可以有一個網站的多個SCSS文件[基礎]

Question

我很好奇如何在基礎中創建多個SCSS文件。我正在導入一個網站作爲我網站上的演示，如果我將它保存在一個文件中，那麼css將會變得非常怪異。

此外，你們甚至建議我使用單獨的SCSS文件，所以我應該只保留一個文件或多個文件的一切。通過這個問題，再次感謝我的支持。

Answer 1

是的，你可以有多個SCSS文件 - 我假定你當然是指非部分SCSS文件（不以下劃線開始）

最近我做了一個網站上的一些工作是有2個主要的SCSS文件和一些較小的文件。需要

1. critical.scss被定義來正確地使頁面載入---這些都是需要在網站工作的基本佈局的東西，沒有無樣式內容的閃光 - 這些被注入<style>標記中的頁面。
2. main.scss是負責在整個網站中隨機使用的組件的SCSS文件，但對於頁面的外觀和感覺是正確的並不一定非常關鍵。
3. 其他樣式是一次性使用，特定於一個頁面或僅包含在手機上。

真的這取決於你在做什麼，你想做什麼。

Answer 2

你當然可以！

您只需將@import <pathToFile>放入您的scss！這個功能的文檔在這裏：http://sass-lang.com/guide#topic-5

至於我會推薦它？我肯定會，它會讓你的風格變得可讀性和簡潔性。找到一個名爲_buttons.scss的文件來找到按鈕樣式並不比簡單=）

Answer 3

您必須將多個文件中的SCSS分隔開來，它更易於閱讀。您可以組織多個文件夾（佈局，組件，幫助器，插件，變量），並在最後編譯您在一個CSS文件中編譯。

查看SMACSS並挖掘基礎SCSS資源以瞭解其工作原理。