使用命令行,我们可以将 .less 文件编译为 .css .
以下命令用于安装带有npm(节点包管理器)的lessc,以使全局可用的lessc.
npm install less -g
您还可以在包名后面添加特定版本.例如 npm install less@1.6.2 -g
以下命令用于在项目文件夹中安装最新版本的 lessc .
npm i less -save-dev
它也被添加到项目package.json中的devDependencies.
当 lessc 结构发布到 npm 时,它被标记为beta.这里,新功能是定期开发的. less -v 用于获取当前版本.
提交 - 当我们继续安装未发布的lessc版本时,需要指定ish,并且需要遵循指令来将git URL标识为依赖项.这将确保您为项目使用正确版本的leesc.
bin/lessc 包括存储库中的二进制文件.它适用于* nix上的Windows,OS X和nodejs.
从 stdin 读取输入当source设置为破折号或连字符( - )时.
lessc [option option = parameter ...][destination]
例如,我们可以使用以下命令 : <编译 .less 到 .css ./p>
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文件中简单地和相对地引用这些路径.窗口中的路径用冒号(:)或分号(;)分隔. | lessc --include-path = PATH1; PATH2 |
3 | Makefile 它生成一个makefile导入依赖项列表到stdout作为输出. | lessc -M lessc --depends |
4 | No Color 它禁用彩色输出. | lessc --no-color |
5 | 无IE兼容性 它禁用IE兼容性检查. | lessc --no-ie-compat |
6 | 禁用Javascript 它会禁用较少文件中的javascript. | lessc --no-js |
7 | Lint 它检查语法并报告错误,没有任何输出. | lessc --lint lessc -l |
8 | Silent 强行停止显示错误消息. | lessc --silent lessc - s |
9 | 严格的我ports 强制评估导入. | lessc --strict-imports |
10 | 允许从不安全的HTTPS主机导入 从不安全的HTTPS主机导入. | lessc --insecure |
11 | 版本 显示版本数字和退出. | lessc -version lessc -v |
12 | 压缩 它有助于删除空格并压缩输出. | lessc -x lessc --compress |
13 | 源地图输出文件名 它用less生成源图.如果没有文件名定义了sourcemap选项,那么它将使用带有Less文件名作为源的扩展名映射. | lessc --source-map lessc -source-map = file.map |
14 | 源映射Rootpath 指定了Rootpath,应将其添加到源映射内的Less文件路径以及输出css中指定的映射文件中. | lessc --source-map- rootpath = dev-files/ |
15 | 源地图路径 指定必须从输出中删除的路径路径. Basepath与rootpath选项相反. | lessc --source-map-basepath = less-files/ |
16 | 源地图减去内联 所有Less文件都应该包含在源图中. | lessc --source-map-less-inline |
17 | 源地图地图内联 它指定在输出css中,地图文件应该是内联的. | lessc --source-map-map-inline |
18 | 来源地图网址 允许URL覆盖t中映射文件中的点他css. | lessc --source-map-url = ../my-map.json |
19 | Rootpath 它设置路径相对导入和网址中的URL重写. | lessc -rp = resources/ lessc --rootpath = resources/ |
20 | 相对网址 在导入的文件中,重写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 | 全局变量 A变量已定义,可由文件引用. | lessc --global-var ="background = green" |
24 | 修改变量 这与全局变量选项不同;它会在你的较少文件的末尾移动声明. | lessc --modify-var ="background = green" |
25 | 网址参数 要转到每个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" |