我應該將我的SASS輸出（多個文件）合併成一個文件嗎？如果是這樣，怎麼樣？

我曾經有一個scss文件，並將其變成一個css文件，並在我的html中使用它。我現在想重新安排我的東西，並使用多個SCSS文件，分成main.scss，buttons.scss等我應該將我的SASS輸出（多個文件）合併成一個文件嗎？如果是這樣，怎麼樣？

不過，如果我是正確的，輸出則也可以在多個.css文件，即我不能告訴SASS將它們合併成一個文件。

我該如何最好的將這些多個文件包含到我的html中？有沒有辦法再次合併所有這些文件，並有一個單獨的文件，或者我應該根據需要將它們作爲單獨的文件加載到我的不同頁面中？

如果最後使用單個文件比較好，我想是這樣，我可以告訴SASS將我的.scss文件合併到一個單獨的文件中，還是使用其他工具？

來源

2017-04-21 George Welder

您可以通過'@ import'將文件包含在一個文件中，並以下劃線開頭命名導入（然後，它們不會變成CSS文件）。如果您將所有內容合併爲一個，則您只有一個大文件，但只有一個請求。如果你有多個文件，你有更小的文件，你可以將它們分開到不同的視圖/組件，但你有更多的要求。大小和請求/延遲之間的權衡。 –

查找到文件中被稱爲「局部變量」。你會這樣命名你的文件

_buttons.scss 
_lists.scss

然後創建一個main.scss文件（將其命名爲任何你想要的）。輸入

@import buttons 
@import lists

然後將您的main.scss文件轉換爲css。你將有一個CSS文件。您可以在上海社會科學院網站上這個讀了

http://sass-lang.com/guide

如果使用SMACSS或其他方法，在每個目錄，你會做到這一點。例如，一個佈局目錄

Layout 
_buttons.scss 
_list.scss 
_layout-dir.scss

在佈局-dir文件，你會導入所有的文件在佈局目錄然後在main.scss文件中，可以只導入每個目錄下的文件

@import layout/layout-dir 
@import basics/base-dir

等

你的變量和混入的文件也將導入到main.scss文件，包括他們第一所以一切都可以訪問他們

https://www.youtube.com/watch?v=GI1BhlDtoUs

來源

2017-04-22 13:20:23 Brad

從the docs：

薩斯建立在目前的CSS @import的頂部但不是需要一個HTTP請求，薩斯將要導入和處理文件結合起來的文件您正在導入，因此您可以將單個CSS文件提供給網絡瀏覽器。
// _reset.scss 

html, 
body, 
ul, 
ol { 
    margin: 0; 
    padding: 0; 
} 
// base.scss 

@import 'reset'; 

body { 
    font: 100% Helvetica, sans-serif; 
    background-color: #efefef; 
} 

來源

2017-04-21 12:59:16 Quentin

我應該將我的SASS輸出（多個文件）合併成一個文件嗎？如果是這樣，怎麼樣？

回答

相關問題