使用命令行,我们可以将 .less 文件编译为 .css 。
安装lessc以供全局使用
以下命令用于使用npm(node package manager)安装lessc,以使less在全局可用。
npm install less -g
您还可以在包名称后面添加特定版本。例如:npm install less@1.6.2 -g
安装Lessc用于节点开发
以下命令用于在项目文件夹中安装lessc 最新版本。
npm i less -save-dev
它也被添加到你的项目package.json中的devDependencies。
lessc的测试版
当lessc结构发布到npm时,它被标记为beta,其中定期开发新的功能。less -v用于获取当前版本。
安装lessc的未发布开发版本
当我们希望安装一个未发布版本的lessc并遵循将git URL标识为依赖的指令时,commit-ish将被指定。 这将确保您正在使用正确的leesc您的项目。
服务器端和命令行用法
bin / lessc在存储库中包含二进制。它的工作窗口,OS X和nodejs * nix。
命令行用法
当源设置为破折号或连字符( - )时,从标准输入读取输入。
lessc [option option=parameter ...] [destination]
例如,我们可以使用下面的命令编译.less到.css
lessc stylesheet.less stylesheet.css
我们可以使用以下命令编译.less到.css by并将结果缩小。
lessc -x stylesheet.less stylesheet.css
选项
以下是在命令行使用中使用的选项。
S.N. | 选项及描述 | 命令 |
---|---|---|
1 | Help 显示帮助消息,其中包含可用的选项。 | lessc -help lessc -h |
2 | Include Paths 它包括您希望在较少文件中简单和相对地引用的库的可用路径。窗口中的路径由冒号(:)或分号(;)分隔。 | 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 | lessc --no-js |
7 | Lint 检查语法和报告错误,没有任何输出。 | lessc --lint lessc -l |
8 | Silent | lessc --silentlessc -s |
9 | Strict Imports 力进口评价。 | lessc --strict-imports |
10 | Allow Imports from Insecure HTTPS Hosts | lessc --insecure |
11 | Version 显示版本号并退出。 | lessc -version lessc -v |
12 | Compress | lessc -xlessc --compress |
13 | Source Map Output Filename 它生成更少的源映射。如果sourcemap选项没有定义文件名,那么它将使用扩展映射与源少文件名。 | lessc --source-map lessc -source-map = file.map |
14 | Source Map Rootpath | lessc --source-map-rootpath = dev-files / |
15 | Source Map Basepath 指定的路径必须从输出路径中删除。Basepath与rootpath选项相反。 | lessc --source-map-basepath = less-files / |
16 | Source Map Less Inline 所有少的文件应该包含在源映射中。 | lessc --source-map-less-inline |
17 | Source Map Map Inline 它指定在输出css中映射文件应该是内联的。 | lessc --source-map-map-inline |
18 | Source Map URL | lessc --source-map-url = .. / my-map.json |
19 | Rootpath 它在相对导入和URL中设置URL重写的路径。 | lessc -rp = resources / lessc --rootpath = resources / |
20 | Relative URLs | lessc -rulessc --relative-urls |
21 | Strict Math 它处理所有的数学函数在你的CSS。默认情况下关闭 | lessc -sm = on lessc --strict-math = on |
22 | Strict Units | lessc -su = onlessc --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 = commentslessc --line-numbers = mediaquerylessc --line-numbers = all |
27 | Plugin 它加载插件。 | lessc --clean-csslessc --plugin = clean-css =“advanced" |