Sass

亞凡芽支援自動編譯多個 Sass 並且統整成一個檔案

如此一來你就不需要一次引用多個檔案,此外,

我們還可以追蹤額外的文件資料夾,倘若該資料夾有變動,就重新編譯 Sass。

請注意:若要使用此功能請確定你能夠執行 sasssassc 指令

開始配置

你需要在配置文件中啟用 Sass 編譯並且加入下列區塊

sass:
    統整檔案:
        - Sass 原始檔 A
        - Sass 原始檔 B

    統整檔案2:
        - Sass 原始檔 C

實際範例像是這樣。

sass:
    main:
        - main
        - section
        - container

上述範例將會把 sass/main.sasssass/section.sasssass/container.sass 編譯成 styles/main.css

追加額外追蹤資料夾

追蹤資料夾不會被一同編譯進 CSS 中,我們只會監看這個資料夾然後確認是否被變更,

一旦被變更,我們就重新編譯 Sass,請注意在這裡你需要新增一個完整的路徑。

sassTracker:
    - /var/www/html/library/TocasUI
    - /var/www/html/library/SemanticUI

編譯的時機

亞凡芽會在下列時候編譯 Sass 檔案:

  1. 當 Sass 資料夾中有任何一個檔案被改變
  2. 當該被編譯的 Sass 並沒有被編譯過的時候
  3. 當追蹤的 Sass 資料夾中有任何一個檔案被改變

results matching ""

    No results matching ""