codecamp

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到.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


在较少的文件中禁用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选项没有定义文件名,那么它将使用扩展映射与源少文件名。
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


所有少的文件应该包含在源映射中。

lessc --source-map-less-inline


17 Source Map Map Inline

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

18

Source Map 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"



Less 颜色混合函数
Less 在浏览器中使用
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

Less 基本教程

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }