<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test</title> <!-- 如果在style中使用less 则type属性值需要设置为text/less,这样less.js才会去解析 --> <style type="text/less"> @color:#ffdddd; body{ background-color: @color; } </style> <!-- 如果想通过link 引入文件时 rel属性的值要设置为stylesheet/less，这样less.js才会去解析 --> <link rel="stylesheet/less" type="text/css" href="css/style.less"/></head><body><h2>hello world</h2><script type="text/javascript">/* 在加载less.js脚本时设置全局变量less的一些选项 async 类型：Boolean 默认值:false async的参数是用来判断是否异步导入文件。 dumpLineNumbers 类型： 字符串（String） 参数： comments|mediaQuery|all 默认： 空 当设置dumpLineNumbers直接输出源行信息到编译好的CSSS的文件中时，有利于你调试指定行。 comments参数用于输出用户可以理解的内容，而mediaQuery使用Firefox一个扩展来解析CSS和抽取信息。 之后我们希望comments能被sourcemaps替代。 env 类型： 字符串（String） 默认： 取决于页面的URL 可以在development或是production环境下运行。 在production环境下，CSS被缓存在本地，消息和信息不能输出到console。 文档的URL开头是“file://”，或是在本地机器中，或是有不标准端口，env的参数将自动设置为development。 errorReporting 类型： 字符串（String） 参数： html|console|function 默认： html 在LESS编译失败时候，errorReporting会设置错误报告的方法。 fileAsync 类型： 布尔值（Boolean） 默认： false 使用文件协议访问页面时异步加载导入的文件。 functions 类型： 对象（object） 在functions这个对象中，key作为函数的名字。 例如： less = { functions: { myfunc: function() { return 1; }} }; functions可以像内置的LESS函数一样使用。 例如： .my-class { border-width: unit(myfunc(), px); } logLevel 类型： 数字（Number） 默认： 2 javascript控制台日志量（错误等级）。注意：在production环境下，获取不到日志。 2 - 提示信息（Information）和错误（errors） 1 - 错误（Errors） 0 - 空（Nothing） poll 类型： 整型（Integer） 默认： 1000 在监视模式下，每两次请求之间的时间间隔（ms）。 relativeUrls 类型： 布尔型（Boolean） 默认： false 是否调整相对路径。如果为false，则url已经是相对于入口的LESS文件。 globalVars 类型： 对象（Object） 默认： undefined globalVars 类型： 对象（Object） 默认： undefined Programmatic version of Global Variable. List of global variables to be injected into the code. Keys of the object are variables names, values are variables values. Variables of "string" type must explicitly include quotes if needed. E.g. less.globalVars = { myvar: "#ddffee", mystr: "\"quoted\"" }; modifyVars Type: Object Default: undefined Programmatic version of Modify Variable. Same format as globalVars. rootpath 类型： 字符串（String） 默认： false 添加到每个URL开始处的路径。 */less = { evn:"development",}</script><!--兼容IE低版本--><script type="text/javascript" src="js/es5-shim.js"></script><script type="text/javascript" src="js/less.min.js"></script><script type="text/javascript"> less.watch();</script></body></html>
打开App，阅读手记
随时随地看视频
