lessc_Less 命令行用法

使用命令行,我们可以将 .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到.csslessc stylesheet.less stylesheet.css

我们可以使用以下命令编译.less到.css by并将结果缩小。lessc -x stylesheet.less stylesheet.css

选项

以下是在命令行使用中使用的选项。S.N.选项及描述命令

1Help

显示帮助消息,其中包含可用的选项。lessc -helplessc -h

2Include Paths

它包括您希望在较少文件中简单和相对地引用的库的可用路径。 窗口中的路径由冒号(:)或分号(;)分隔。lessc --include-path = PATH1; PATH2

3Makefile

它输出一个makefile导入依赖列表到stdout。lessc -Mlessc --depends

4No Color

彩色输出被禁用。lessc --no-color

5No IE Compatibility

IE兼容性检查被禁用。lessc --no-ie-compat

6Disable Javascript

在较少的文件中禁用javascript。lessc --no-js

7Lint

检查语法和报告错误,没有任何输出。lessc --lintlessc -l

8Silent

强制停止错误消息的显示。lessc --silent

lessc -s

9Strict Imports

力进口评价。lessc --strict-imports

10Allow Imports from Insecure HTTPS Hosts

允许从不安全的HTTPS主机导入。lessc --insecure

11Version

显示版本号并退出。lessc -versionlessc -v

12Compress

有助于删除空白并压缩输出。lessc -x

lessc --compress

13Source Map Output Filename

它生成更少的源映射。 如果sourcemap选项没有定义文件名,那么它将使用扩展映射与源少文件名。lessc --source-maplessc -source-map = file.map

14Source Map Rootpath

指定根路径,并应将其添加到源映射中较少的文件路径,并添加到输出css中指定的映射文件。lessc --source-map-rootpath = dev-files /

15Source Map Basepath

指定的路径必须从输出路径中删除。 Basepath与rootpath选项相反。lessc --source-map-basepath = less-files /

16Source Map Less Inline

所有少的文件应该包含在源映射中。lessc --source-map-less-inline

17Source Map Map Inline

它指定在输出css中映射文件应该是内联的。lessc --source-map-map-inline

18Source Map URL

允许覆盖css中的地图文件中的点。lessc --source-map-url = .. / my-map.json

19Rootpath

它在相对导入和URL中设置URL重写的路径。lessc -rp = resources /lessc --rootpath = resources /

20Relative URLs

在导入的文件中,重写URL以使URL始终相对于基本文件。lessc -ru

lessc --relative-urls

21Strict Math

它处理所有的数学函数在你的CSS。 默认情况下关闭lessc -sm = onlessc --strict-math = on

22Strict Units

它允许混合单位。lessc -su = on

lessc --strict-units = on

23Global Variable

定义可由文件引用的变量。lessc --global-var =“background = green"

24Modify Variable

修改变量与全局变量选项相反,它移动您的less文件末尾的声明。lessc --modify-var =“background = green"

25URL Arguments

要移动到每个URL,允许指定参数。lessc --url-args =“arg736357"

26Line Numbers

生成内联源映射。lessc --line-numbers = comments

lessc --line-numbers = mediaquery

lessc --line-numbers = all

27Plugin

它加载插件。lessc --clean-css

lessc --plugin = clean-css =“advanced"

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值