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

Question

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

1. less0.less (空)

    (empty)

2. 少1.少

    @import "less0.less"

3. 少2.少

    @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类的源，而不是显示的源：- 错误的 Less 文件被指出

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