LESS - 命令行使用



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

全局安装 lessc

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

npm install less -g

您也可以在包名称后添加特定版本。例如 npm install [email protected] -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

选项

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

序号 选项和描述 命令
1

帮助

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

lessc -help
lessc -h
2

包含路径

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

lessc --include-path = PATH1;PATH2
3

Makefile

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

lessc -M
lessc --depends
4

无颜色

禁用彩色输出。

lessc --no-color
5

无 IE 兼容性

禁用 IE 兼容性检查。

lessc --no-ie-compat
6

禁用 Javascript

禁用 Less 文件中的 javascript。

lessc --no-js
7

Lint

检查语法并报告错误,不产生任何输出。

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

源映射输出文件名

在 less 中生成源映射。如果定义了 sourcemap 选项但没有文件名,则它将使用扩展名 map,并将 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 内联

所有 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"
广告