從命令列編譯 Less 檔案

lessc [options] <source> [destination]

上面的命令用於在命令列中編譯 Less 檔案。選項是編譯器在編譯期間或編譯後應使用的各種設定。選項包括用於壓縮或縮小輸出 CSS 檔案的 -x 或 --compress，-sm=on 或 --strict-math=on，僅對括號內的值應用數學運算等。接下來是必須編譯的源 Less 檔案的路徑。Destination 是輸出檔案的路徑和名稱。如果未提供，則輸出將在命令列視窗中列印出來。

請考慮以下 Less 程式碼

/* Filename: test.less */
#demo {
 color: @color;
 background: beige;
 width: 100% / 4;
}
@color: red;

在命令視窗中列印已編譯的 CSS：

在命令列中執行以下命令時，將編譯 test.less 檔案，並且將直接在命令視窗上列印輸出，因為沒有提供目標路徑。

lessc test.less

輸出：

#demo {
  color: red;
  background: beige;
  width: 25%;
}

建立一個 CSS 檔案並將編譯後的輸出寫入該檔案：

使用以下語句編譯時，相同的檔案將在與 test.less 檔案相同的路徑中建立名為 test.css 的檔案，並將輸出列印/寫入該 CSS 檔案。

lessc test.less > test.css

建立一個 CSS 檔案並縮小它：

下面的命令將輸出列印/寫入 CSS 檔案，並在最後壓縮它。

lessc -x test.less > test.css

輸出：

#demo{color:red;background:beige;width:25%}

啟用嚴格數學選項：

啟用嚴格匹配選項時，輸出將如下所示，因為 width 的值未包含在大括號內。

lessc -sm=on test.less > test.css

輸出：

#demo {
  color: red;
  background: beige;
  width: 100% / 4;
}