[WordPress] 外掛分享: Lenix scss compiler

首頁外掛目錄 › Lenix scss compiler
800+
安裝啟用
★★★★★
5/5 分(3 則評價)
1397 天前
最後更新
問題解決
WordPress 3.8+ v1.2 上架:2017-08-30

內容簡介

一個非常實用的外掛,專門為開發者撰寫 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 文件覆蓋

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.2) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Lenix scss compiler」→ 直接安裝(推薦)

原文外掛簡介

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

延伸相關外掛

文章
Filter
Mastodon