LESS - 命令列使用

使用命令列，我們可以將 .less 檔案編譯成 .css 檔案。

全域性安裝 lessc

以下命令用於使用 npm（節點包管理器）安裝 lessc，使 lessc 可全域性使用。

npm install less -g

您也可以在包名稱後新增特定版本。例如 npm install less@1.6.2 -g

安裝用於 Node 開發

以下命令用於在您的專案資料夾中安裝最新版本的 lessc。

npm i less -save-dev

它還會新增到您專案 package.json 中的 devDependencies 中。

lessc 的 Beta 版本

當 lessc 結構釋出到 npm 時，它會被標記為 beta。這裡，新功能會定期開發。less -v 用於獲取當前版本。

安裝未釋出的 lessc 開發版本

當我們繼續安裝未釋出的 lessc 版本時，需要指定提交 - ish，並且需要遵循說明以識別 git URL 作為依賴項。這將確保您為專案使用的是正確的 leesc 版本。

伺服器端和命令列使用

bin/lessc 包含儲存庫中的二進位制檔案。它適用於 Windows、OS X 和 *nix 上的 nodejs。

命令列使用

當源設定為破折號或連字元 (-) 時，輸入將從 stdin 讀取。

lessc [option option = parameter ...]  [destination]

例如，我們可以使用以下命令將 .less 編譯為 .css：

lessc stylesheet.less stylesheet.css

我們可以將 .less 編譯為 .css 並使用以下命令最小化結果。

lessc -x stylesheet.less stylesheet.css

選項

下表列出了命令列使用中使用的選項：


lessc -help
lessc -h
lessc --include-path = PATH1;PATH2
lessc -M
lessc --depends
lessc --no-color
lessc --no-ie-compat
lessc --no-js
lessc --lint
lessc -l
lessc --silent
lessc -s
lessc --strict-imports
lessc --insecure
lessc -version
lessc -v
lessc -x
lessc --compress
lessc --source-map
lessc -source-map = file.map
lessc --source-map-rootpath = dev-files/
lessc --source-map-basepath = less-files/
lessc --source-map-less-inline
lessc --source-map-map-inline
lessc --source-map-url = ../my-map.json
lessc -rp=resources/
lessc --rootpath=resources/
lessc -ru
lessc --relative-urls
lessc -sm = on
lessc --strict-math = on
lessc -su = on
lessc --strict-units = on
lessc --global-var = "background = green"
lessc --modify-var = "background = green"
lessc --url-args = "arg736357"
lessc --line-numbers = comments
lessc --line-numbers = mediaquery
lessc --line-numbers = all
lessc --clean-css
lessc --plugin = clean-css = "advanced"

序號	選項和描述	命令
1	幫助顯示幫助訊息以及可用的選項。	lessc -help lessc -h
2	包含路徑它包含庫中可用的路徑。這些路徑可以在 Less 檔案中簡單且相對地引用。Windows 中的路徑由冒號 (:) 或分號 (;) 分隔。	lessc --include-path = PATH1;PATH2
3	Makefile 它生成一個 makefile 匯入依賴項列表作為輸出輸出到標準輸出。	lessc -M lessc --depends
4	無顏色停用彩色輸出。	lessc --no-color
5	無 IE 相容性停用 IE 相容性檢查。	lessc --no-ie-compat
6	停用 Javascript 停用 Less 檔案中的 javascript。	lessc --no-js
7	Lint 檢查語法並報告錯誤，不產生任何輸出。	lessc --lint lessc -l
8	靜默強制停止顯示錯誤訊息。	lessc --silent lessc -s
9	嚴格匯入強制評估匯入。	lessc --strict-imports
10	允許從不安全的 HTTPS 主機匯入從不安全的 HTTPS 主機匯入。	lessc --insecure
11	版本顯示版本號並退出。	lessc -version lessc -v
12	壓縮有助於刪除空格並壓縮輸出。	lessc -x lessc --compress
13	源對映輸出檔名在 less 中生成源對映。如果定義了 sourcemap 選項但沒有檔名，則它將使用副檔名 map，並將 Less 檔名作為源。	lessc --source-map lessc -source-map = file.map
14	源對映根路徑指定根路徑，並應將其新增到源對映中的 Less 檔案路徑以及輸出 css 中指定的對映檔案。	lessc --source-map-rootpath = dev-files/
15	源對映基路徑指定要從輸出路徑中刪除的路徑。基路徑與根路徑選項相反。	lessc --source-map-basepath = less-files/
16	源對映 Less 內聯所有 Less 檔案都應包含在源對映中。	lessc --source-map-less-inline
17	源對映對映內聯它指定在輸出 css 中對映檔案應為內聯。	lessc --source-map-map-inline
18	源對映 URL 允許 URL 覆蓋 css 中對映檔案中的點。	lessc --source-map-url = ../my-map.json
19	根路徑設定相對匯入和 url 中 URL 重寫的路徑。	lessc -rp=resources/ lessc --rootpath=resources/
20	相對 URL 在匯入的檔案中，URL 會被重寫，以便 URL 始終相對於基檔案。	lessc -ru lessc --relative-urls
21	嚴格數學處理 css 中的所有數學函式。預設情況下，它是關閉的。	lessc -sm = on lessc --strict-math = on
22	嚴格單位允許混合單位。	lessc -su = on lessc --strict-units = on
23	全域性變數定義一個變數，該變數可以被檔案引用。	lessc --global-var = "background = green"
24	修改變數這與全域性變數選項不同；它將宣告移動到 Less 檔案的末尾。	lessc --modify-var = "background = green"
25	URL 引數要繼續到每個 URL，允許指定一個引數。	lessc --url-args = "arg736357"
26	行號生成內聯源對映。	lessc --line-numbers = comments lessc --line-numbers = mediaquery lessc --line-numbers = all
27	外掛載入外掛。	lessc --clean-css lessc --plugin = clean-css = "advanced"

列印頁面