lessc_Less 命令行用法

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

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/270517.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/270517.shtml
英文地址,請注明出處:http://en.pswp.cn/news/270517.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

硬件知識:內存單根16G和兩根8G差別有多大?

關于內存單根16G和兩根8G的差別,小編覺得這些事實,你得知道! 論單根16G和兩根8G的區別! 內存單通道和雙通道,大家都有聽過吧! 理解起來很簡單,一個單通道,只能進行單向傳輸數據&…

極光推送總結:

官方文檔: http://docs.jiguang.cn/jpush/client/Android/android_sdk/ 手動集成步驟: 解壓縮 jpush-android-release-2.x.y.zip 集成壓縮包。復制 libs/jpush-sdk-2.x.y.jar 到工程 libs/ 目錄下。復制 libs/(cpu-type)/libjpush2xy.so 到你的工程中存放…

操作系統:Win10的沙盒是什么,如何使用,看完你就懂了

Win10操作系統新增的windows沙盒是一種安全機制,為執行中的程式提供的隔離環境。通常是作為一些來源不可信、具有破壞力或無法判定程序意圖的應用程序提供實驗之用。很多網友想要通過沙盒運行一些未知的程序,但是不知道windows沙盒如何開啟使用&#xff…

線程的調度

http://blog.chinaunix.net/uid-26430381-id-3746859.html 這篇文章解釋的很好轉載于:https://www.cnblogs.com/yzjT-mac/p/6054517.html

操作系統:電腦系統盤常見文件夾的功能詳解

目錄 一、C盤根目錄常見文件夾 二、隱藏文件夾 相信很多電腦小白對于系統C盤每個文件夾的功能不是很清楚,今天小編給大家介紹一下電腦系統盤文件的功能詳解,希望對大家能有所幫助! 一、C盤根目錄常見文件夾 1、debug 是系統調試文件夾&#x…

mysql vba日期空值_使用SQL(VBA/ADO)命令填充來自重復記錄的相應非空值的NULL字段...

我有一個數據庫,其中有數百個記錄已被復制。但是,重復的信息在所有字段中都不相同。對于任何兩行,第一行將包含一些字段中的信息,而重復行的字段為空;但對于其他字段,重復(第二)行將包含信息,而第一行的字段…

js事件處理、事件對象

事件類型分類&#xff1a; 1 添加在html結構中的事件 <div id"div1" onclick"alert(append click event in html)"> </div> 點擊div1之后彈出 append click event in html&#xff1b;其實在html結構中添加的事件也屬于dom0級事件。 2 dom0級事…

手機技巧:手機只剩20%電量?有了這幾招,多用2小時

如今越來越多的小伙伴在旅途中和上班路上 免不了要用手機打發時間 看直播、打游戲、聽音樂 有了手機&#xff0c;仿佛就有了全世界 可是&#xff0c;手機的電不夠用怎么辦&#xff1f; 不怕&#xff01; 今天小編為您送上 最強省電攻略和充電指南&#xff01; 省電攻略 iphone篇…

網絡知識:電腦無線網連接不上問題匯總

在使用電腦的時候&#xff0c;有時候電腦可能連接不上無線網絡。那么電腦無線網絡連接不上怎么辦呢?下面就讓小編來告訴大家吧&#xff0c;歡迎閱讀。 第一步&#xff1a;應檢查無線網卡的驅動是否安裝正確。 右鍵點擊“我的電腦”-屬性-硬件-設備管理器&#xff0c;查看是否存…

小W計樹

排列組合思想. 先跑一遍最短路, 再從1節點開始搜索, 假如搜到一個點的路徑長度等于最短路, 則記錄到達該點的路徑數 1. 最后遍歷一遍, ans * rec[i] 輸出答案即可. 關鍵在于想到這個排列組合的思想. #include<cstdio> #include<cstring> #include<algorith…

java jsonp 接口_jsonp使用,spring4.x對jsonp的支持

1.java中接口RequestMapping("/token/{token}")ResponseBodypublic Object getUserByToken(PathVariable String token,String callback) {Person per null;try {per userService.getPerson(token);} catch (Exception e) {e.printStackTrace();per ExceptionUtil…

CPU知識:主頻、核心、線程、緩存、架構

我們都說CPU相當于人類的大腦&#xff0c;在日常生活中&#xff0c;人腦是術業有專攻&#xff0c;有人天生適合搞藝術&#xff0c;有人天生適合搞科學。CPU作為計算機的大腦&#xff0c;其實也是這樣的。下面就帶大家了解一下CPU知識以及怎么選擇合適的CPU。 CPU有幾個重要的參…

@SpringBootTest注解進行單元測試無法運行

1&#xff1a;用idea新建一個項目 2:在測試類下建一個方法&#xff0c;發現方法沒法運行 查看資料之后發現是需要在對應的方面名稱前面和類名前面加上public修飾符即可&#xff0c;需要測試那個方法執行哪個方法就行 3:加了 public發現可以運行了

java如何改注釋_關于Java:更改字符串值的注釋

在spring或java中是否有注釋可以轉換給定的字符串&#xff1f;例如&#xff0c;Spring具有注釋Value(" some string")。 如果我想為該字符串分配一個轉換后的值&#xff0c;而不是向參數/實例變量分配"某些字符串"怎么辦&#xff1f; 假設字符串為" f…

視頻接口:DP接口和HDMI接口介紹,看完你就懂了

目錄 一、DP接口 二、HDMI接口 三、總結 1、技術支持的不同 2、帶寬支持的不同 3、廠商制作成本的不同 電腦顯示器高清傳輸通過會用到兩個接口&#xff0c;就是DP接口和HDMI接口&#xff0c;今天電腦學習小編帶大家對比一下這兩個接口。 一、DP接口 DisplayPort縮寫DP&#xff…

區間型DP

區間型DP是一類經典的動態規劃問題&#xff0c;主要特征是可以先將大區間拆分成小區間求解最后由小區間的解得到大區間的解。 有三道例題 一、石子合并 在一個圓形操場的四周擺放N堆石子,現要將石子有次序地合并成一堆.規定每次只能選相鄰的2堆合并成新的一堆&#xff0c;并將新…

后端:MyBatis緩存知識介紹

今天給大家分享一下MyBatis緩存知識介紹&#xff0c;希望對大家日常的開發當中能有所幫助&#xff01;一、MyBatis一級緩存1、一級緩存介紹當我們的程序MyBatis開啟一次和數據庫的會話&#xff0c;MyBatis會自動創建出一個SqlSession對象表示這一次數據庫的會話。在同一個數據庫…