Простой способ переоборудовать Half-SASS, Half-CSS в SASS?

Question

Я взял проект, где CSS был создан с помощью SASS.В то время я не был знаком с SASS и начал вручную обновлять последний выходной файл.Мой менеджер узнал, что я не использую SASS, и настаиваю на том, чтобы я изменил все, что я сделал (множество дополнений и настроек), на SASS и начал снова использовать это в проекте.

Есть ли какие-либоинструмент, который может помочь мне сделать это?Я подумал, может быть, сгенерировать последний файл и посмотреть на разницу между этим и моим редактируемым в данный момент файлом и попытаться добавить эти правила в файл SASS, но я не знаю ни одного инструмента, который возьмет два файла и покажет вамОтличия.

Спасибо

Answer 1

Прежде всего вам необходимо определить, каков файл css, над которым вы работали. Обратите внимание, что все комментарии к sass, сделанные с помощью //, игнорируются во вложенном режиме. И если полученный вами файл css находится в рабочем режиме, все комментарии удаляются, а файл css сокращается, что плохо для конверсии.

Я советую вам сделать резервную копию файла css, с которым вы работаете; затем запустите sass watch в каталог с config.rb, который сгенерирует файл css на основе исходного проекта sass.

После этого возьмите два файла и используйте Diff Tool , если вы не хотите использовать difftool локально, вы всегда можете создать публичный репозиторий GitHub и поместить оригинальный файл css, а затем зафиксируйте новый, чтобы увидеть различия.

Как только вы это сделаете, вы должны перейти к файлам, основанным на скомпилированных селекторах, и добавить недостающие атрибуты.

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

Answer 2

Запустите sass-convert в файле CSS, чтобы создать эквивалентный файл SASS. Затем измените созданный вами файл SASS на оригинальный файл SASS.

Кроме того, посмотрите, есть ли способ поместить большой баннер «АВТОГЕНИРОВАННЫЙ ФАЙЛ - НЕ РЕДАКТИРОВАТЬ» вверху сгенерированных файлов CSS:)

Answer 3

Я бы лично преобразовал CSS в SASS с помощью css2sass или командной строки, изучил синтаксис SASS и начал урезать код вручную (превращая часто повторяемые стили и тому подобное в миксины и расширения).Чтобы пройти весь код, понадобится немного ручного труда, но для него будет намного лучше и работать с существующим.

Answer 4

http://css2sass.heroku.com/

затем переключитесь на синтаксис scss.это намного лучше.

Answer 5

если вы запустите sass style.scss, он преобразует его обратно в css для вас и выведет результаты в консоль (приглашение) - вы можете скопировать и вставить оттуда

запустите sass --help для получения информации о том, как заставить его записать в файл