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

Question

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

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

Я думаю, что все скажут мне не компилировать код до запуска, в идеальном мире, который великолепен, но ВСЕГДА будет необходимость проверять код без того, как он все скомпилирован.

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

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

Вот настройки, которые я установил для Codekit:

Answer 1

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

В настройках компиляции установите флажок " Создать исходную карту" для SASS.

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