当前位置: 首页 > 文档资料 > Less 入门教程 >

命令行用法(Command Line Usage)

优质
小牛编辑
125浏览
2023-12-01

使用命令行,我们可以将.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的Beta版本

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

安装未发布的lessc开发版本

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

服务器端和命令行用法

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

Command Line Usage

当source设置为破折号或连字符( - )时,从stdin读取stdin

lessc [option option = parameter ...] <source> [destination]
</source>

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

lessc stylesheet.less stylesheet.css

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

lessc -x stylesheet.less stylesheet.css

选项 (Options)

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

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

Help

将显示帮助消息,其中包含可用选项。

lessc -help
lessc -h
2

Include Paths

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

lessc --include-path = PATH1;PATH2
3

Makefile

它生成一个makefile import dependencies列表到stdout作为输出。

lessc -M
lessc --depends
4

No Color

它禁用彩色输出。

lessc --no-color
5

No IE Compatibility

它禁用IE兼容性检查。

lessc --no-ie-compat
6

Disable Javascript

它在较少的文件中禁用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

它以较少的方式生成源图。 如果没有文件名定义了sourcemap选项,那么它将使用带有Less文件名作为源的扩展名映射。

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

Source Map Rootpath

指定了根路径,应将其添加到源映射内的较少文件路径中,也应添加到输出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文件都应包含在源图中。

lessc --source-map-less-inline
17

Source Map Map Inline

它指定在输出css中,映射文件应该是内联的。

lessc --source-map-map-inline
18

Source Map URL

允许URL覆盖css中映射文件中的点。

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"