內容簡介
一個非常實用的外掛,專門為開發者撰寫 SCSS 而設計。
此外掛允許您直接在伺服器上(通過 FTP)編寫 SCSS,無需本地編譯器。
如何運作?
選擇一個包含 SCSS 的來源資料夾以及轉換成 CSS 的目標資料夾。
在來源資料夾的文件中編寫 SCSS 代碼,它會自動在目標資料夾中創建 CSS 文件。
裡面包括什麼?
支援多個來源和目標資料夾的選項。
您可以設置整個 wp-content 空間的資料夾。
效能優化 - 只有在其中一個來源文件發生更改時,才進行重新編譯。
開發完成後,您可以關閉/刪除外掛,而所有文件都保持原樣。
允許您同時開發主題和外掛。
範例:
來源:themes/your-theme/assets/scss/style.scss
body {
color: black;
.main {
background: red;
}
}
目標:themes/your-theme/assets/css/style.css
body {
color: black;
}
body .main {
background: red;
}
重要提示!
如果在目標資料夾中已有相同檔名的文件,它將被 SCSS 文件覆蓋
外掛標籤
開發者團隊
原文外掛簡介
A useful plugin for developers writing SCSS.
The plugin allows you to write SCSS directly on the server (via FTP) without the need for a local compiler.
How It Works?
Choose a source folder for SCSS and a target folder for CSS.
Write the SCSS code in the file on the source folder, and it automatically creates a CSS file in the target folder.
What’s included?
Option for multiple source and destination folders.
Allows you to set a folder in the entire wp-content space.
Performance – only when one of the source files change – it re-compiling itself.
After development you can turn off / delete the plugin without fear, and all the files are stay where they were.
Allows you to develop a theme and plugin at the same time.
Example:
source: themes/your-theme/assets/scss/style.scss
body {
color: black;
.main {
background: red;
}
}
target: themes/your-theme/assets/css/style.css
body {
color: black;
}
body .main {
background: red;
}
— pay attention!
If the file already exists in the destination folder – it will be overwritten by the SCSS file
