匯入(Import)

匯入其他的SCSS檔案，最後編譯時會一併包含進來編譯。要被匯入的通常檔案名稱前會加下底線(_)作區分，這樣編譯工具在編譯時會略過這些檔案，而只會去編譯那些沒下底線(_)的檔案，例如_reset.scss。

例如base.scss中要匯入_reset.scss，base.scss的檔案內容會如下，要注意的是只需要寫@import 'reset'，不用加副檔名或下底線(_)，編譯程式會自動尋找對應的檔案:

@import 'reset';

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

註: CSS中也有@import的定義，也可以加入其他的CSS檔案，語法有點小差異，詳見MDN這裡的說明。

例如：

把@mixin 集中到一個css

在主要的css 匯入

@import 'mixin';

就可以使用@import匯入 mixin.scss

如果放在base資料夾底下就記得

@import 'base/mixin';