Как проверить предварительно скомпилированный код SASS

Question

Я использую Codekit, чтобы минимизировать все мои CSS через Sass. Это отлично работает, но вызывает проблему при проверке кода, поскольку все появляется в строке 1! Я использую линии как быстрый способ найти код, который я ищу.

Я использую плагин Codekit для Coda, что означает каждый раз, когда я внести изменения в файл .scss и сохранить, он просто автоматически компилирует код.

Я думаю, что все скажут мне не компилировать код до запуска, в идеальном мире, это здорово, но будет ALWAYS нужно будет проверить код, если он не был скомпилирован.

Есть ли способ обойти это? Или это недостаток скомпилированного кода? Какие процессы проходят люди, чтобы добраться до мини-кода? Как я могу определить, в каком .scss есть изменение?

Я мог бы сделать его менее сжатым, чтобы он не был на одной линии, но я бы тогда потерял преимущества сжатия.

Эти настройки я Codekit значение:

Answer 1

Codekit поддерживает Source Maps, что позволит Google Chrome показать вам исходный код даже после того, как минификация.

В настройках компиляции необходимо установить . Создайте карту-источник box для SASS.

Для получения дополнительной информации, проверить этот Team Treehouse article(В статье JavaScript, но тот же принцип применим и к CSS тоже) и Codekit SASS documentation.