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 ...]
例如,我们可以使用以下命令将 .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" |