Файлы исходной карты из lessc указывают на неправильный файл less

Question

Это что касается lessc, у меня есть три файла:-

1. less0.less (пусто)

    (empty)

2. less1.less

    @import "less0.less"

3. 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класс, а не тот, который показан:- Указан неверный файл с меньшим количеством файлов

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

Может ли кто-нибудь помочь мне, что мне нужно изменить, чтобы все исправить. Заранее спасибо.

СЛУЧАЙ ИСПОЛЬЗОВАНИЯ: скажем, у меня есть файл с меньшим количеством переменных, в котором есть мои переменные пользовательского интерфейса (цвет, размер и т. Д.)(Скажем, less1.less). Я импортирую эти настройки в другой файл (скажем, less2.less). Затем, после сопоставления источников, при попытке проверить источник из источника в dev-tool, я перехожу к less1.less и не less2.less.

Answer 1

Я думаю, вам следует использовать синтаксис импорта меньше, а не css, как это

@import "less1";