Неправильные исходные карты, созданные Libsass для CSS-файлов в проекте JSF - PullRequest
Новая
       51

Неправильные исходные карты, созданные Libsass для CSS-файлов в проекте JSF

0 голосов
/ 22 мая 2018

Я использую Libsass (с помощью libsass-maven-plugin) для компиляции файлов SASS в файлы CSS в проекте JSF.OutputStyle является "сжатым".Результирующие исходные карты, по-видимому, неверны - при проверке чего-либо в браузере он часто указывает на неправильный исходный файл.Почему это происходит?

1 Ответ

0 голосов
/ 22 мая 2018

Во время сборки Libsass оценивает предоставленные файлы CSS и ссылается на их код в созданных исходных картах в виде кодированных строк и номеров столбцов.«Сжатый» outputStyle означает, что весь код находится в одной строке, поэтому исходные карты вынуждены полагаться только на номера столбцов.

Теперь CSS-файлы JSF часто содержат выражения ресурса EL, например: 

.ui-icon-info {
    background-image: url("#\{resource['images/info.png']}");
}

Эти выражения оцениваются во время выполнения и заменяются URL-адресами.Это означает, что обслуживаемый CSS отличается от того, на котором Libsass основывал свои исходные карты.Вот почему карты неверны - их ссылки на номера столбцов больше не совпадают.

Возможным обходным решением может быть использование outputStyle, отличного от «сжатого», например «расширенного».Тогда, по крайней мере, номера строк правильные, этого должно быть достаточно.Только не разбивайте эти выражения EL на несколько строк.

...