Блог

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

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

     (empty)
  

2. less1.меньше

     @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.

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

 @import "less1";