---
# System prepended metadata

title: 拆分檔案
tags: [SCSS]

---

###### tags: `SCSS`
# 拆分檔案
- 依照頁面需求拆分成多個SCSS檔案
- 只編譯@import多個SCSS的檔案
- 檔名開頭為_不編譯為CSS檔案
```css=
@import "helper/variable";
@import "config/reset";
@import "config/base";
@import "helper/mixin";
@import "config/utility";
```
- variable : 存放變數
- reset : 存放css reset或css normalize
- base : 存放全域樣式設定
- mixin : 管理重複性的樣式設定
- utility : 存放常用的樣式設定