使用命令行,我們可以將 .less 文件編譯為 .css 。
以下命令用于使用npm(node package manager)安裝lessc,以使less在全局可用。
npm install less -g
您還可以在包名稱后面添加特定版本。 例如: npm install less@1.6.2 -g
以下命令用于在項目文件夾中安裝 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
|
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
|
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
|
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
|
lessc --source-map-url = .. / my-map.json
|
19 | Rootpath 它在相對導入和URL中設置URL重寫的路徑。 |
lessc -rp = resources / lessc --rootpath = resources / |
20 |
Relative URLs
|
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" |
更多建議: