Javascript LESC的源映射文件指向错误的less文件

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

less0.less（空）

less1.less

less2.less

我正在通过以下方式为这些文件生成源映射：-

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

生成的CSS文件正在html文件中使用。正在使用源文件在浏览器中进行调试。 现在在浏览器中，它显示.trial类位于less0.less和非less2.less 因此，预期行为显示了less2.less作为

.trial

类的源代码，而不是显示的源代码：-

谁能帮我弄清楚我需要做些什么才能把事情做好。提前谢谢

---

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

我认为您应该像这样使用less-not-css的导入语法

@import "less1";

---

我的错！我最初使用双引号。忘了放在这里了！您还使用了.trail类，但它没有定义。我正在声明一个值为“.trial”的变量（@var test在less2.less中），该变量将在同一文件中进一步使用。.trial类是用less声明的，它将被处理为less2.css文件，然后这个“less2.css”将用于样式设置。：）

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

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

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

@import "less1";