LESS - 命令行用法

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

安装 lessc 以供全局使用

以下命令用于使用 npm(节点包管理器)安装 lessc,以使 lessc 全局可用。

npm install less -g

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

安装 Node 开发

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

npm i less -save-dev

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

lessc 的 Beta 版本

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

安装 lessc 的未发布开发版本

当我们继续安装 lessc 的未发布版本时,需要指定提交 - 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

选项

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

Sr.No. 选项和说明 命令
1

Help

显示帮助消息和可用选项。

lessc -help
lessc -h
2

Include Paths

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

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

它禁用 less 文件中的 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

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

lessc --insecure
11

Version

显示版本号并退出。

lessc -version
lessc -v
12

Compress

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

lessc -x
lessc --compress
13

Source Map Output Filename

它在 less 中生成源映射。如果源映射选项定义时没有文件名,则它将使用扩展映射和 Less 文件名作为源。

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

Source Map Rootpath

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

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

Source Map Basepath

指定了必须从输出路径中删除的路径。Basepath 与 rootpath 选项相反。

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

Source Map Less Inline

所有 Less 文件都应包含在 sourcemap 中。

lessc --source-map-less-inline
17

Source Map Map Inline

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

lessc --source-map-map-inline
18

Source Map URL

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

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 = 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,可以指定一个参数。

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"