转载

Less 客户端用法

客户端用法

在浏览器上跑 less.js 非常方便开发，但是不推荐用于生产环境。

在客户端使用 Less.js 是最容易的方式，并且在开发阶段很方便，但是，在生产环境中，性能和可靠性非常重要， 我们建议最好使用 node.js 或其它第三方工具进行预编译。

那就开始吧，在页面中加入 .less 样式表的链接，并将 rel 属性设置为 "stylesheet/less"：

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

接下来，下载 less.js 并通过 <script></script> 标签将其引入，放置于页面的<head> 元素内：

 <script src="less.js" type="text/javascript"></script>

提示

务必确保在 less.js 之前加载你的样式表。
如果加载多个 .less 样式表文件，每个文件都会被单独编译。因此，一个文件中所定义的任何变量、mixin 或命名空间都无法在其它文件中访问。

浏览器选项

在 <script src="less.js"></script> 之前定义全局的 less 对象就可以为 Less.js 设置参数：

 <!-- set options before less.js script --> <script>   less = {     env: "development",     async: false,     fileAsync: false,     poll: 1000,     functions: {},     dumpLineNumbers: "comments",     relativeUrls: false,     rootpath: ":/a.com/"   }; </script> <script src="less.js"></script>