Less 命令行用法

2019-05-13 15:11 更新

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


安裝lessc以供全局使用

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

npm install less -g

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


安裝Lessc用于節(jié)點開發(fā)

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

npm i less -save-dev

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


  • lessc的測試版

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

  • 安裝lessc 的未發(fā)布開發(fā)版本

    當我們希望安裝一個未發(fā)布版本的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 -help lessc -h

2

Include Paths


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

lessc --include-path = PATH1; PATH2


3 Makefile

它輸出一個makefile導入依賴列表到stdout。
lessc -M lessc --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 --lint lessc -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 -version lessc -v

12

Compress


有助于刪除空白并壓縮輸出。
lessc -x
lessc --compress


13 Source Map Output Filename

它生成更少的源映射。 如果sourcemap選項沒有定義文件名,那么它將使用擴展映射與源少文件名。
lessc --source-map lessc -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中映射文件應該是內聯(lián)的。
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

它處理所有的數(shù)學函數(shù)在你的CSS。 默認情況下關閉
lessc -sm = on lessc --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,允許指定參數(shù)。
lessc --url-args =“arg736357"

26 Line Numbers


生成內聯(lián)源映射。

lessc --line-numbers = comments
lessc --line-numbers = mediaquery
lessc --line-numbers = all



27 Plugin

它加載插件。
lessc --clean-css
lessc --plugin = clean-css =“advanced"



以上內容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號