在html中直接引入less文件

开发过程：

在文档head标签内加入一下两行代码 ; link的 rel 的属性值一定要修改为 'stylesheet/less '

<link rel="stylesheet/less" href='css/demo.less'>
<script type="text/javascript" src='http://cdnjs.cloudflare.com/ajax/libs/less.js/3.11.1/less.min.js'></script>

编辑less文件后就可以直接显示在页面中了，不需要编译less文件为css文件，节约调试时间。

遇到问题：　

（1）报错，控制台显示：Less has finished and no sheets were loaded.

可能两种原因：两行代码顺序弄反导致，正确是link在前、script在后。或者是 rel 属性写错 ，应该将 stylesheet 改为 stylesheet/less

（2）控制台报错截图如下

 

 

原因：要在服务器环境下执行html文档 , 不能直接双击打开文档执行 , 因为less.js 会发送ajax请求;