Sass
亞凡芽支援自動編譯多個 Sass 並且統整成一個檔案,
如此一來你就不需要一次引用多個檔案,此外,
我們還可以追蹤額外的文件資料夾,倘若該資料夾有變動,就重新編譯 Sass。
請注意:若要使用此功能請確定你能夠執行 sass
或 sassc
指令。
開始配置
你需要在配置文件中啟用 Sass 編譯,並且加入下列區塊。
sass:
統整檔案:
- Sass 原始檔 A
- Sass 原始檔 B
統整檔案2:
- Sass 原始檔 C
實際範例像是這樣。
sass:
main:
- main
- section
- container
上述範例將會把 sass/main.sass
、sass/section.sass
、sass/container.sass
編譯成 styles/main.css
。
追加額外追蹤資料夾
追蹤資料夾不會被一同編譯進 CSS 中,我們只會監看這個資料夾然後確認是否被變更,
一旦被變更,我們就重新編譯 Sass,請注意在這裡你需要新增一個完整的路徑。
sassTracker:
- /var/www/html/library/TocasUI
- /var/www/html/library/SemanticUI
編譯的時機
亞凡芽會在下列時候編譯 Sass 檔案:
- 當 Sass 資料夾中有任何一個檔案被改變。
- 當該被編譯的 Sass 並沒有被編譯過的時候。
- 當追蹤的 Sass 資料夾中有任何一個檔案被改變。