Less 編譯器

在浏览器本地将 Less 编译为 CSS,编译错误会显示在状态区。

Less 編譯是什麼?

Less 編譯工具是一個線上的 Less 預處理器,使用 less.js 在瀏覽器本機把 Less 原始碼編譯為標準 CSS。它支援變數、巢狀規則、混合(Mixin)、運算與函式等 Less 核心特性,編譯過程不經過伺服器,原始碼不會上傳,編譯錯誤會直接顯示在狀態區。

主要功能

  • 支援變數、巢狀、Mixin、運算等 Less 核心語法
  • 編譯在瀏覽器本機完成,原始碼不上傳伺服器
  • 編譯錯誤會顯示具體位置與說明
  • 編譯結果可一鍵複製
  • 內建範例程式碼,方便快速上手

使用場景 / 注意事項

適合快速驗證 Less 語法、除錯樣式變數,或在不搭建建置環境時把 Less 轉成 CSS。請注意結果是編譯後的靜態 CSS,不包含瀏覽器前綴補全與壓縮處理。

如何使用

  1. 在編輯區輸入 Less 原始碼(可點選範例快速填入)
  2. 點選編譯,在右側查看編譯後的 CSS
  3. 點選複製儲存 CSS 結果