LESS - 命令行用法

使用命令行，我们可以将.less文件编译为.css。

安装 lessc 以供全局使用

以下命令用于使用 npm（节点包管理器）安装 lessc，以使 lessc 全局可用。

npm install less -g

您还可以在包名称后添加特定版本。例如npm install less@1.6.2 -g

安装用于节点开发

以下命令用于在项目文件夹中安装最新版本的lessc 。

npm i less -save-dev

它还会添加到项目 package.json 中的 devDependencies 中。

lessc 测试版

当lessc结构发布到npm时，它被标记为 beta ，这里定期开发新功能。less -v用于获取当前版本。

安装 lessc 未发布的开发版本

当我们继续安装 lessc 的未发布版本时，需要指定 commit - ish，并且需要遵循说明将 git URL 识别为依赖项。这将确保您为您的项目使用正确版本的 leesc。

服务器端和命令行使用

bin/lessc在存储库中包含二进制文件。它适用于 Windows、OS X 和 *nix 上的 Nodejs。

命令行使用

当源设置为破折号或连字符 (-) 时，从stdin读取输入。

lessc [option option = parameter ...]  [destination]

例如，我们可以使用以下命令将.less编译为.css -

lessc stylesheet.less stylesheet.css

我们可以使用以下命令将.less编译为.css并缩小结果。

lessc -x stylesheet.less stylesheet.css

选项

下表列出了命令行使用中使用的选项 -

先生。 选项和说明 命令
1

帮助

将显示帮助消息以及可用选项。

 
lessc -help
lessc -h
2

包括路径

它包括库的可用路径。这些路径可以在Less文件中简单相对地引用。Windows 中的路径以冒号(:) 或分号(;) 分隔。

 
lessc --include-path = PATH1;PATH2
3

生成文件

它生成一个 makefile 导入依赖项列表到 stdout 作为输出。

 
lessc -M
lessc --depends
4

无颜色

它禁用彩色输出。

 
lessc --no-color
5

不兼容 IE

它禁用 IE 兼容性检查。

 
lessc --no-ie-compat
6

禁用 JavaScript

它禁用 less 文件中的 javascript。

 
lessc --no-js
7

皮棉

它检查语法并报告错误，但没有任何输出。

 
lessc --lint
lessc -l
8

沉默的

它强制停止错误消息的显示。

 
lessc --silent
lessc -s
9

严格进口

它强制评估进口。

 
lessc --strict-imports
10

允许从不安全的 HTTPS 主机导入

它从不安全的 HTTPS 主机导入。

 
lessc --insecure
11

版本

它显示版本号并退出。

 
lessc -version
lessc -v
12

压缩

它有助于删除空格并压缩输出。

 
lessc -x
lessc --compress
13

源映射输出文件名

它以更少的时间生成源映射。如果定义了 sourcemap 选项而没有文件名，那么它将使用带有 Less 文件名的扩展映射作为源。

 
lessc --source-map
lessc -source-map = file.map
14

源映射根路径

根路径已指定，应添加到源映射内的 Less 文件路径以及输出 css 中指定的映射文件中。

 
lessc --source-map-rootpath = dev-files/
15

源映射基本路径

指定的路径必须从输出路径中删除。基本路径与根路径选项相反。

 
lessc --source-map-basepath = less-files/
16

源映射较少内联

所有 Less 文件都应包含在源映射中。

 
lessc --source-map-less-inline
17 号

源映射映射内联

它指定在输出 css 中，地图文件应该是内联的。

 
lessc --source-map-map-inline
18

源地图 URL

允许 URL 覆盖 css 中地图文件中的点。

 
lessc --source-map-url = ../my-map.json
19

根路径

它设置相对导入和 url 中 URL 重写的路径。

 
lessc -rp=resources/
lessc --rootpath=resources/
20

相对 URL

在导入的文件中，URL 会被重写，以便 URL 始终相对于基本文件。

 
lessc -ru
lessc --relative-urls
21

严格的数学

它处理 css 中的所有数学函数。默认情况下，它是关闭的。

 
lessc -sm = on
lessc --strict-math = on
22

严格的单位

它允许混合单位。

 
lessc -su = on
lessc --strict-units = on
23

全局变量

定义了一个可由文件引用的变量。

 
lessc --global-var = "background = green"
24

修改变量

这与全局变量选项不同；它将声明移动到 less 文件的末尾。

 
lessc --modify-var = "background = green"
25

URL 参数

要继续处理每个 URL，允许指定一个参数。

 
lessc --url-args = "arg736357"
26

行号

生成内联源映射。

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

插入

它加载插件。

 
lessc --clean-css
lessc --plugin = clean-css = "advanced"