在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請求;