Less在浏览器端的使用

下载less.js

1
2
3
4
5
6
7
<script src="https://cdn.bootcss.com/less.js/3.9.0/less.js"></script>
<script src="https://cdn.bootcss.com/less.js/3.9.0/less.min.js"></script>

<script src="https://cdn.bootcss.com/less.js/3.8.1/less.js"></script>
<script src="https://cdn.bootcss.com/less.js/3.8.1/less.min.js"></script>

//...

更多版本详见bootcdn-Less

引入样式和less.js

在引入less.js前先要把你的样式文件引入 :
引入你的 .less 样式文件的时候要设置 rel 属性值为 “stylesheet/less”

注意你的less样式文件一定要在引入less.js前先引入。

1
2
<link rel="stylesheet/less" type="text/css" href="styles.less">
<script src="less.js" type="text/javascript"></script>

监视模式

监视模式是客户端的一个功能，这个功能允许你当你改变样式的时候，客户端将自动刷新。

要使用它，只要在URL后面加上#!watch，然后刷新页面就可以了。另外，你也可以通过在终端运行less.watch()来启动监视模式。