Question

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

style.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');

如果变量.less和mixins.less没有在CSS中编译，我不知道缺少什么，在它们中应用嵌套规则可能是他们正在犯错，因为我听说需要配置用于处理嵌套变量和mixins的文件，用于导入和用于纯CSS。我无法找到解决方案，我们将非常感谢您的帮助。非常感谢。

Answer 1

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

选项＆gt; WEB基本要素＆gt; LESS

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文件都应以＆＃34; _＆＃34;为前缀。例如：

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

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

使用嵌套变量和mixins导入多个LESS文件以用于单个CSS文件

1 个答案: