css - 无法使 dotLESS @import 工作

Question

我正在努力使用 dotLESS @import 来获得一个单独的变量文件；我只是经常收到“变量未定义”的消息。

如果我浏览到变量配置文件，它就可以工作；如果我将变量内嵌在主样式表中，它就可以工作；但在@import 中，没有骰子。我正在将 .css 和 .less 映射到扩展名，但是如果我只使用 .less 它也不起作用。

变量文件 LESS-config.less 是:

/*
  .LESS VARIABLES
*/
@mbw_dark_cyan: #1293b5;
@mbw_cyan: #11add4;
@mbw_magenta: #e935da;

@control_text: #ffffff;

@action_delete: #ff5400;

@section_level1_bg: @mbw_dark_cyan;
@section_level1_fg: @control_text;

@button_bg: @mbw_dark_cyan;
@button_fg: @control_text;
@button_icon: @control_text;

@data_table_header: @mbw_cyan;

.dummy {
    color: @control_text;
}

呈现为:

/*
  .LESS VARIABLES
*/
.dummy {
  color: #ffffff;
}

调用样式表 main.css 是:

@import (less) '/css/LESS-config';

button {
    background: @button_bg;
}

这给出了错误:

variable @button_bg is undefined on line 4 in file '/css/main.css':
  [3]: button {
  [4]:     background: @button_bg;
       ----------------^
  [5]: }

正如我所说，如果我用复制和粘贴的相同变量替换导入，一切正常。

我试过像另一个答案一样在没有 BOM 的情况下保存，但这没有帮助。

编辑，我试过:

• 删除(少)
• 改为双引号
• 使用相对路径 LESS-config 而不是上面的虚拟绝对路径
• 添加 logger="dotless.Core.Loggers.AspResponseLogger"log="debug" 到web.config(cache 已经是false)
• 添加 debug="1"
• 添加debug="true"

行为绝对没有变化。

编辑 2:

我创建了一个精简的 css，其中只有 import 语句；当我浏览它时，导入的样式就在那里。然而，在刷新时，我只得到一个空白的响应。

所以这似乎与我的 IIS 配置/缓存有关？我已经关闭了内容压缩但没有快乐；禁用 .less 和 .css 的所有输出缓存，仍然不开心!

已修复，根据 Toni 的评论； https://stackoverflow.com/a/51754771/318411 :

这原来是一个无点问题，在 GitHub 上进行了跟踪:https://github.com/dotless/dotless/issues/553

完整的修复是:

1. 将 dotLESS 升级到 1.6.7 版本
2. 由于 方法，将 Microsoft.Extensions.DependencyInjection 降级到 1.1.1.0找不到错误
3. 将导入的文件扩展名从 .css 更改为 .less

现在一切正常。

Answer 1

请尝试版本1.6.7这修复了导入仅在第一个请求时执行的错误。