LESS不工作，一切看起來不錯

我LESS不工作，我不知道爲什麼......我已經加入後，我的小，甚至不利於.JS。有人可以告訴我什麼是錯的？LESS不工作，一切看起來不錯

的index.html

<!-- Loading LESS --> 
<link rel="stylesheet/less" type="text/css" href="less/flat-ui.less" /> 
<script src="js/less-1.5.1.min.js"></script>

平面ui.less

// Flat UI main stylesheet that aggregates all modules 
@import "config"; 
@import "site";

site.less

.top-menu { 
    background: @midnight-blue; 
}

和個config.less包括所有類似的風格：

@mindnight-blue:  #e74c3c;

爲什麼它不工作？

您是否嘗試將擴展名.less添加到導入中？ – ToniTornado

我只能猜測，但它可能與你的文件/路徑配置有關。打開inspector-> network查看加載了哪些文件，以及是否所有文件都正確加載（即不是紅色）。 – ToniTornado

看看資源標籤，如果你的flat-ui.less正確加載（mimetype正確設置爲較少的文件，因此它被識別爲css文件）。

然後看看如果你得到任何編譯錯誤，因爲它在編譯期間應該會出現undefined錯誤，因爲你的變量名有拼寫錯誤。

@midnight-blue /* site.less */ 
    |  
@mindnight-blue /* config.less */

除此之外，在您的工作流程中一切似乎都沒問題。

2013-12-13 13:16:33 Christoph

回答