Как настроить инструменты разработчика Google так, что он показывал sass, а не css?

Question

[Эльза Ветрова]

Когда просматриваешь стили элемента, css которого скомпилирован с sass, хотелось бы, чтобы хром показывал нужную строку именно в sass-файле. Нашла советы максимум 2013 года, но таких настроек в канарейке уже нет походу.

Answer 1

[Эльза Ветрова]

Проблема была в том, что у меня не было карты исходного кода sass. Так как я работаю с compass, в котором функция создания карты отключена по умолчанию (вспомнила, что в sass без compass такой проблемы не было), мне всего лишь нужно было написать в config.rb строку sourcemap = true. Теперь при просмотре стилей элементов я вижу исходный sass.

Comments

[sim3x]

Перестаньте использовать сасс-руби

Answer 2

[Eugene Chefranov]

Создавайте и подключайте Source Maps
https://denis-creative.com/source-maps-gulp-4/