Как обновить стиль в scss?

Question

[Влад]

Совсем не понимаю что такое scss, css.map...
Можете, пожалуйста, объяснить как правильно редактировать такие стили ?

Comments

[Ankhena]

scss это препроцессор для ускорения верстки и удобного разбивания рабочего кода на блоки.
css.map файлик-карта, позволяющая в инструментах разработчика показывать в каком из scss файлов написан исходный код. При том, что браузер работает с уже скомпилированным css.

объяснить как правильно редактировать такие стили

Чтобы совсем правильно, зависит от того, откуда вы их взяли.
Есть CMS, которые сами прекрасно умеют компилировать scss в css. И тогда вы просто редактируете scss.

Если это просто набор scss, то имеет смысл разобраться с Gulp.
Или использовать плагин (или встроенные возможности) в редакторах кода.

Возможно, сборка уже настроена и вам нужно только запустить её.

[Влад]

Ankhena, у меня эти файлики в шаблоне Wordpress.... должны ли здесь они автоматом компилироваться?

[Ankhena]

Влад, без понятия. В чистом WP нет. Есть ли для этого плагины или настройки темы я не в курсе.
Самый быстрый способ это узнать - взять, да попробовать.

мне сейчас надо внести правки в стиль шаблона Wordpress, над которым поработал нанятый программист.

Вы с ним плохо расстались, что у него нельзя спросить?

Answer 1

[WapSter]

scss формат синтаксиса для препроцессора sass. css.map - карта для исходников, генерируется сам, если "компилятор" позволяет. Благодаря ему, в devtools будет информация где прописаны стили в scss, а не в css.

Редактировать нужно scss, компилятор генерирует css и css.map (опционально). К странице подключается css через <link>

scss можно скомпилировать по разному, есть плагины для редакторов, отдельные программы, но это не удобно, потому-что если код нужно редактировать другому разработчику, то ему нужно настраивать соответствующее окружение. У большинства фронтендеров этим занимаются gulp, webpack или какие-то другие сборщики

Comments

[Влад]

пфф... сложновато..
мне сейчас надо внести правки в стиль шаблона Wordpress, над которым поработал нанятый программист.
можете, пожалуйста, привести какой компилятор (или gulp, webpack) в этом случае лучше использовать или например используете конкретно вы.
назовите один вариант - и я уже продолжу копать инфу конкретно на этом варианте

[WapSter]

Влад, нет, тут не зависит ничего от слова человека со стороны. Вероятно, что все уже давно настроено и сделано. И чем пользвуюсь я ничего вам не даст. nuxt cli под капотом webpack