<!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>