LESS不起作用，一切看起来都不错

Question

我的LESS没有用，我也不知道为什么......我在LESS之后添加了.JS，甚至没有帮助。有人可以告诉我有什么问题吗？

的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;

为什么它不起作用？

Answer 1

如果您的flat-ui.less被正确加载，请查看资源选项卡（为较少的文件正确设置了mimetype，以便将其识别为css文件）。

然后看一下你是否遇到任何编译错误，因为它在编译过程中会出现undefined错误，因为你的变量名中有一个拼写错误。

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

除此之外，您工作流程中的一切似乎都没问题。