- 语言特性
- LESS - 嵌套规则
- LESS - 嵌套指令和冒泡
- LESS - 操作
- LESS - 转义
- LESS - 函数
- LESS - 命名空间和访问器
- LESS - 范围
- LESS - 注释
- LESS - 导入
- LESS - 变量
- LESS - 扩展
- LESS - 混合(Mixin)
- LESS - 参数化混合(Mixin)
- LESS - 混合(Mixin)作为函数
- LESS - 将规则集传递给混合(Mixin)
- LESS - 导入指令
- LESS - 导入选项
- LESS - 混合(Mixin)保护
- LESS - CSS 保护
- LESS - 循环
- LESS - 合并
- LESS - 父选择器
- 函数
- LESS - 杂项函数
- LESS - 字符串函数
- LESS - 列表函数
- LESS - 数学函数
- LESS - 类型函数
- LESS - 颜色定义函数
- LESS - 颜色通道函数
- LESS - 颜色操作
- LESS - 颜色混合函数
- 使用
- LESS - 命令行使用
- 在浏览器中使用 LESS
- LESS - 浏览器支持
- LESS - 插件
- LESS - 程序化使用
- LESS - 在线编译器
- LESS - GUI
- LESS - 编辑器和插件
- LESS - 第三方编译器
- LESS - 框架
- LESS 有用资源
- LESS - 快速指南
- LESS - 有用资源
- LESS - 讨论
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 ...]
例如,我们可以使用以下命令将 .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" |