Как обрабатывать scss и css в git?
Я новичок в scss и css, так что терпите меня. Я провел небольшое исследование, но нашел противоречивую информацию.
У меня над проектом работают 2 фрилансера. Оба фрилансера вносят изменения в:
style.css
style.css.map
style.scss
Каждый раз, когда я объединяю их работы, я ломаю интерфейс. Как я могу объединить их работу, не сломав всего?
Я читал в сети, что эти файлы нельзя включать в GIT? Я также читал, что мне следует использовать GULP или LESS? Видимо, перед коммитом надо скомпилировать объединенный код? Серьезно запуталась с исследованиями.
Как мне обращаться с этими файлами?
в таком случае, должен ли я перекомпилировать файл styles.scss после слияния?
Это должно быть частью вашего процесса сборки, наряду с любыми другими компоновками / минимизацией / производством, которые вы делаете перед развертыванием.
Ответы 2
Файл .css создается из файлов .scss. Ваши разработчики должны делать коммиты только в файлах .scss. В большинстве случаев файл .css вообще не добавляется в репозиторий. И вам не следует изменять файл .css напрямую, потому что он будет заменен следующей компиляцией файлов .scss.
GULP - это просто инструмент, который компилирует файлы .scss и создает из них CSS. В основном, при использовании GULP вы можете создать некоторые функции, в которых вы можете указать расположение ввода (.scss), расположение вывода (.css) и дополнительные правила и т. д.
Есть и другие инструменты, которые могут это сделать. Как Коала, Webpack.
Один из хороших способов убедиться, что они не забыли изменить .scss вместо .css, - убедиться, что SCSS экспортирует компактный вывод. Это в опциях. Это делает очевидным, что это не тот файл, который нужно редактировать (если вы не мазохист), а также потенциально ускоряет загрузку вашего файла.
Вероятно, вам не следует хранить сгенерированные файлы в git. В этом случае сгенерированные файлы будут файлами .css и .css.map, которые компас (я предполагаю, что вы используете компас из-за тегов) генерирует для вас. Вы должны сохранить файл .scss в системе управления версиями, а затем скомпилировать его в .css.
Если фрилансеры вносят прямые изменения в файлы .css вручную, они должны знать, что при каждой перекомпиляции эти изменения будут потеряны.
Спасибо за объяснение!
styles.cssиstyles.css.map- это код сгенерированный, они не должны редактироваться напрямую и не должны находиться в системе контроля версий.styles.scss- это каноническая версия, которую вы хотите отслеживать.