使用命令行，我們可以將 .less 文件編譯為 .css 。

安裝lessc以供全局使用

以下命令用于使用npm(node package manager)安裝lessc，以使less在全局可用。

npm install less -g

您還可以在包名稱后面添加特定版本。 例如: npm install less@1.6.2 -g

安裝Lessc用于節點開發

以下命令用于在項目文件夾中安裝 lessc 最新版本。

npm i less -save-dev

它也被添加到你的項目package.json中的devDependencies。

lessc的測試版

當lessc結構發布到npm時，它被標記為beta，其中定期開發新的功能。 less -v 用于獲取當前版本。

安裝lessc 的未發布開發版本

當我們希望安裝一個未發布版本的lessc并遵循將git URL標識為依賴的指令時，commit-ish將被指定。 這將確保您正在使用正確的leesc您的項目。

服務器端和命令行用法

bin / lessc 在存儲庫中包含二進制。 它的工作窗口，OS X和nodejs * nix。

命令行用法

當源設置為破折號或連字符( - )時，從標準輸入讀取輸入。

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

例如，我們可以使用下面的命令編譯.less到.css

lessc stylesheet.less stylesheet.css

我們可以使用以下命令編譯.less到.css by并將結果縮小。

lessc -x stylesheet.less stylesheet.css

選項

以下是在命令行使用中使用的選項。

S.N.

選項及描述

命令

1

Help

顯示幫助消息，其中包含可用的選項。

lessc -helplessc -h

2

Include Paths

它包括您希望在較少文件中簡單和相對地引用的庫的可用路徑。 窗口中的路徑由冒號(:)或分號(;)分隔。

lessc --include-path = PATH1; PATH2

3

Makefile

它輸出一個makefile導入依賴列表到stdout。

lessc -Mlessc --depends

4

No Color

彩色輸出被禁用。

lessc --no-color

5

No IE Compatibility

IE兼容性檢查被禁用。

lessc --no-ie-compat

6

Disable Javascript

在較少的文件中禁用javascript。

lessc --no-js

7

Lint

檢查語法和報告錯誤，沒有任何輸出。

lessc --lintlessc -l

8

Silent

強制停止錯誤消息的顯示。

lessc --silent

lessc -s

9

Strict Imports

力進口評價。

lessc --strict-imports

10

Allow Imports from Insecure HTTPS Hosts

允許從不安全的HTTPS主機導入。

lessc --insecure

11

Version

顯示版本號并退出。

lessc -versionlessc -v

12

Compress

有助于刪除空白并壓縮輸出。

lessc -x

lessc --compress

13

Source Map Output Filename

它生成更少的源映射。 如果sourcemap選項沒有定義文件名，那么它將使用擴展映射與源少文件名。

lessc --source-maplessc -source-map = file.map

14

Source Map Rootpath

指定根路徑，并應將其添加到源映射中較少的文件路徑，并添加到輸出css中指定的映射文件。

lessc --source-map-rootpath = dev-files /

15

Source Map Basepath

指定的路徑必須從輸出路徑中刪除。 Basepath與rootpath選項相反。

lessc --source-map-basepath = less-files /

16

Source Map Less Inline

所有少的文件應該包含在源映射中。

lessc --source-map-less-inline

17

Source Map Map Inline

它指定在輸出css中映射文件應該是內聯的。

lessc --source-map-map-inline

18

Source Map URL

允許覆蓋css中的地圖文件中的點。

lessc --source-map-url = .. / my-map.json

19

Rootpath

它在相對導入和URL中設置URL重寫的路徑。

lessc -rp = resources /lessc --rootpath = resources /

20

Relative URLs

在導入的文件中，重寫URL以使URL始終相對于基本文件。

lessc -ru

lessc --relative-urls

21

Strict Math

它處理所有的數學函數在你的CSS。 默認情況下關閉

lessc -sm = onlessc --strict-math = on

22

Strict Units

它允許混合單位。

lessc -su = on

lessc --strict-units = on

23

Global Variable

定義可由文件引用的變量。

lessc --global-var =“background = green"

24

Modify Variable

修改變量與全局變量選項相反，它移動您的less文件末尾的聲明。

lessc --modify-var =“background = green"

25

URL Arguments

要移動到每個URL，允許指定參數。

lessc --url-args =“arg736357"

26

Line Numbers

生成內聯源映射。

lessc --line-numbers = comments

lessc --line-numbers = mediaquery

lessc --line-numbers = all

27

Plugin

它加載插件。

lessc --clean-css

lessc --plugin = clean-css =“advanced"

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的lessc_Less 命令行用法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。