阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      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.选项及描述命令
      1Help 

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

      2

      Include Paths


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

      lessc --include-path = PATH1; PATH2
      


      3Makefile

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

      4

      No Color


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


      5No IE Compatibility

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

      6

      Disable Javascript


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


      7Lint

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

      8

      Silent


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


      9Strict Imports

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

      Allow Imports from Insecure HTTPS Hosts


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


      11Version

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

      12

      Compress


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


      13Source Map Output Filename

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

      14

      Source 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
      

      18

      Source Map URL


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


      19Rootpath

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

      20

      Relative URLs


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


      21Strict Math

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

      22

      Strict 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"
      



      目录
      目录