Less学习笔记

在浏览器端使用Less

引入less样式表

<link rel="stylesheet/less" type="text/css" href="css/style.less">

配置全局对象less来指定参数，并引入less.js

<script>
      less = {
        env: "development",   
        async: false,         
        fileAsync: false,     
        poll: 1000,  
        functions: {},
        dumpLineNumbers: "comments",  
        relativeUrls: false,
        rootpath: ":/a.com/"
      };
    </script>
<script type="text/javascript" src="js/less.min.js"></script>

参数详解：
async
Default: false
是否异步加载重要文件

dumpLineNumbers
Options: ”| ‘comments’|’mediaquery’|’all’
Default: ”
如果设置了，这增加了源代码行信息输出的CSS文件。这有助于您调试，分析其中一个特定的规则是从哪里来的。
comments 选项用于输出user-understandable内容,
mediaquery 选项用于使用火狐插件解析css文件信息.

env
Options: development or production
Default: depends on page URL
运行环境，如果是production，你的css文件将被缓存到本地并且信息不会输出到控制台。如果url以file://开头或者在你本地或者没有标准的端口，这都将被认为是development模式。

errorReporting
Options: html|console|function
Default: html
设置编译失败时错误报告的方法。

fileAsync
Default: false
当以file协议访问页面，是否异步引入文件

functions
用户自定义函数
e.g.
less = {
functions: {
myfunc: function() {
return new(less.tree.Dimension)(1);
}
}
};
可以像Less函数一样使用它。
.my-class {
border-width: unit(myfunc(), px);
}

logLevel
Type: Number
Default: 2
在控制台输出日志的数量。如果是production环境，将不会输出任何信息。
2 - Information and errors1 - Errors0 - Nothing

poll
Default: 1000
在观察模式下，测试的时间，单位为ms。

relativeUrls
Default: false
使用相对路径。如果设置FALSE，则url是相对根目录文件。

globalVars
Default: undefined
全局变量列表注入代码。“字符串”类型的变量必须显式地包含引号。
less.globalVars = { myvar: “#ddffee”, mystr: “\”quoted\”” };
这个选项定义了一个可以被文件引用的变量。这个变量也可以在文件中重新定义。

modifyVars
Default: undefined
Same format as globalVars.
与 globalVars参数含义相反,它将会在你文件最后定义，这意味着它将重写你在文件定义的。

rootpath
Default: false
设置根目录，所有的Less文件都会以这个目录开始。

useFileCache
Default: true (previously false in before v2)
是否要使用每个会话文件缓存。缓存文件可以使用modifyVars，并且它不会再次检索所有文件。如果您使用观察模式或调用刷新加载设置为true,那么运行之前缓存将被清除。