Самый простой способ реализовать SASS в WordPress

Question

Обычно я разрабатываю на CSS, но я хочу использовать SASS, чтобы повысить эффективность.

Я преобразовал файл CSS из. css в .s css , который после этого продолжает работать. Но после реализации переменных они не работают. Значение переменной не извлекается и не выполняется.

После некоторых исследований выяснилось, что WordPress по умолчанию не допускает компиляцию SASS. Как бы это реализовать?

Спасибо

Answer 1

Вам нужен этап сборки. То есть, когда вы разрабатываете на Sass, но браузер понимает только CSS, должен быть шаг, на котором Sass компилируется в CSS.

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

Пример: Предположим, что вы следовали руководству по установке Sass и теперь у вас есть команда sass, которую вы можете ввести в свой терминал:

sass --watch input.scss style.css

Затем приведенная выше команда будет создавать команду style.css каждые время input.scss редактируется. Вы можете поработать над input.scss и sass автоматически выдаст обновленный style.css. Затем это будет принято Wordpress (при условии, что вы находитесь в контексте темы, например, wp-content/themes/my-sass-theme).