多个LESS文件使用嵌套变量和单个CSS文件的混合导入

我已经要求清理应用程序头部引用的较少的库和样式文件，以实现冗余并减少加载时间。样式文件基本上是style.less文件，它包含所有其他的less文件，我需要拿出一个可以是style.CSS的CSS文件，所以一切都很好，就像我得到的CSS输出是style.CSS一样，但是有几个文件没有在CSS中编译和更改。下面是style.less与其他导入的less文件的预览

风格的内容。较少

@import url('variables.less');
@import url('mixins.less');
@import url('base.less');
@import url('kendo.less');
@import url('header.less');
@import url('navigation.less');
@import url('lists.less');
@import url('treeview.less');

---

当variables.less和mixin.less没有在CSS中编译时，我不知道缺少了什么，其中应用了嵌套规则，可能是它们在出错，因为我听说在导入并用于普通CSS时，需要一个配置文件来处理嵌套变量和mixin。我无法找到解决办法，非常感谢您的帮助。非常感谢

以下是我对无Web Essentials编译器的设置：

选项>WEB ESSENTIALS>更少

Auto-compile dependent files on save: TRUE
Compile files on build: TRUE
Compile files on save: TRUE
Create source map files: TRUE
Custom output directory: _PATH_TO_OUTPUT_YOUR_ONE_CSS_FILE
Don't save raw compilation output: FALSE
Process source maps: TRUE
Strict Math: FALSE
Show Preview Pane: TRUE

所有LESS文件（主导入LESS文件除外）都应以“\u1”作为前缀。例如：

_base.less
_variables.less
style.less (holds the imports for base and variables).

---

确保您使用的是Web Essentials 2.5版。2.5版之后的版本中出现了一个错误，导致预编译程序出错。我不知道他们是否已经更新了修复程序。

您使用的是哪种预编译程序？@Lowkase很抱歉我忘了提到最重要的一点，我正在使用visual studio和web essentials自动预编译和缩小代码文件，如

mixin。less

和

变量。less

通常用于。。（是的，令人惊讶的是）变量和mixin定义——它们通常根本不应该自己生成任何CSS代码。同样说到“清理”，你不需要在更少的导入中使用

url

（除非它是真实的url）-只要

@import'variables'等完全可以。通常情况下，
变量
（假设其中某些变量包含可能影响任何其他导入组件中CSS的全局定义/覆盖）应该是导入中的最后一个文件（因为）。