Почему браузер Хром показывает в Elements> styles напротив класса style.less:3, а не style.css:3?

Question

[andrewnsk]

Здравствуйте!
В общем такая ситуация. Есть сайт у которого стили подключаются вот так:

<link href="/css/style.css" media="screen" rel="stylesheet" type="text/css">

. В папке css лежала папка less с файлами style.less . Так вот браузер(и Firefox тоже ) берет все стили из style.css , а в инспекторе elements>styles показывает что эти стили прописаны в less файле в таком то месте. Непонятно как он вообще узнал что существует папка по адресу css/less/ со стилями в less. Я удаляю файлы less с сервера вообще, очищаю кэш, а инспектор по прежнему пишет что в less это находится на таком то месте? Это так специально сделано или ошибка?

Разобрался. Нашел в настройках где это отключается. Убрать галочку в "Enable CSS source maps"

Comments

[WhatYouDoing]

все норм,а что тебе принципиального в этом?

[andrewnsk]

Откуда браузер узнал про папку с less. Я хочу чтобы он указывал на style.css.
Я уже удалил файл с less, странно что он продолжает на него указывать.

[andrewnsk]

WhatYouDoing: А все понял, спасибо. Нашел в настройках где это отключается. Убрать галочку в "Enable CSS source maps"

Answer 1

[quramolt]

То, что вы в браузере отключили эту настройку, повлияло только на отображение в инспекторе. Сама эта штука никуда не делась.

Называется sourceMaps и её появление можно задать при сборке стилей. Нужна для отладки и быстрой навигации по файлам в DevTools. Хранится обычно или в конце файла стилей, или рядом. Занимает место и в сборке для production её стоит удалять.

Comments

[andrewnsk]

Я видел в конце style.css коммент
sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW..
Видимо он по нему и указывал на less. Спасибо.
А стили чем собирать лучше из less не подскажите?

[quramolt]

Не знаю ваш рабочий процесс и не работаю с less, поэтому осознанно порекомендовать не могу. Но наверняка есть какой-нибудь и пакет less в npm, и gulp-less и т.д.

sourceMappingURL - да, это оно

[andrewnsk]

quramolt: Спасибо)