См .: https://github.com/plus3network/gulp-less/issues/126
Связанные вопросы: https://github.com/plus3network/gulp-less/issues/126
@bassjobsen Я не могу воспроизвести проблему, не могли бы вы добавить больше деталей? Я пробовал несколько примеров из связанной ошибки, но думаю, мне нужно
а. тестовый пример (или x всегда происходит в этом случае)
б. фактический выход
c. ожидаемый результат
Привет Люк,
Во-первых, я не хочу беспокоить вас какими-либо нерешенными или неопределенными вопросами.
Вкратце, что я нашел:
мой файл Less, t.less
:
p {
color: red;
}
Затем я бегу: lessc t.less t.css --source-map --autoprefix
t.css.map теперь содержит:
{"version":3,"sources":["t.less","t.css"],"names":[],"mappings":"AAAA;EACA,YAAA;ECCC","file":"t.css"}
без автопрефикса: lessc t.less t.css --source-map
исходная карта выглядит так, как показано ниже:
{"version":3,"sources":["t.less"],"names":[],"mappings":"AAAA;EACA,UAAA","file":"t.css"}
Как вы можете видеть после запуска автопрефикса, выходные данные не меняются, но исходная карта меняет и добавляет
выходной файл в качестве источника. Насколько я понимаю и могу протестировать, это также отличается от того же кода в SASS.
см. https://github.com/postcss/autoprefixer-core/issues/27#issuecomment -71343166
В конце концов, я думаю, что правильный результат вышеизложенного может быть неоднозначной причиной в ситуации, когда автопрефиксатор добавляет некоторые правила, что должно быть источником этих правил?
Так что я снова не хочу тратить ваше время. Я не уверен, что это действительно проблема, и я также не уверен, что это кому-то повредит.
Ах да, это проблема, которую я поднял с помощью ap, которую они только что закрыли. я буду
еще раз посмотрите на связанную проблему и попробуйте исправить ее.
Это все еще проблема в 2.7.1
это все еще проблема в 3.11.1. Исходная карта не имеет сопоставления для закрывающих скобок. Я заархивировал исходный файл без файла, созданную исходную карту и выходной файл css.
Если это поможет увидеть ошибку, вы можете перейти сюда https://sokra.github.io/source-map-visualization/#custom, загрузить файлы в инструмент визуализации и увидеть ошибку самостоятельно.
Причина, по которой это такая боль, заключается в том, что вы применяете несколько этапов преобразований к файлу.
Например, Less -> CSS -> Autoprefixed CSS -> объединенный файл CSS.
Чтобы сделать исходные карты, которые переходят от последнего этапа к первому, каждая карта должна быть завершена.
Самый полезный комментарий
Это все еще проблема в 2.7.1