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.mzph.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对象表示这一次数据库的会话。在同一个数据库…