来自lessc的源映射文件指向错误的less文件

Question

这是关于 lessc 我有三个文件：-

1. less0.less（空）

    (empty)

1. less1.less

    @import "less0.less"

1. less2.less

    @import "less1.less"
    @var-test: .trial;
    
    @{var-test}{
          color: red;
    }

我正在为这些文件生成源映射：-

lessc less2.less less2.css --source-map

生成的 CSS 文件正在一个 html 文件中使用。源文件用于在浏览器中进行调试。 现在在浏览器中，它显示 .trial 类位于 less0.less 而不是 less2.less 因此，预期的行为是显示 less2.less 作为 .trial 类的源，而不是显示的源：- Wrong Less File being Pointed

That's the less2.css.map file
{"version":3,"sources":["less0.less","less2.less"],"names":[],"mappings":"AAAA;ECKI,wBAAA","file":"less2.css"}

谁能帮我弄清楚我需要改变什么才能让它正确。提前致谢。

用例：假设我有一个变量较少的文件，其中包含我的 UI 变量（颜色、大小等）（比如说 less1.less）。我正在将这些设置导入其他文件（比如less2.less）。然后，在源映射之后，当尝试在开发工具中检查源代码时，它会将我带到 less1.less 而不是 less2.less。

Answer 1

我认为你应该像这样使用 less 而不是 css 的导入语法

@import "less1";