使用命令行,我們可以將 .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"