Использовать синтаксис SCSS на сайте WordPress без использования плагина

#wordpress #sass

#wordpress #sass

Вопрос:

Возможно ли использовать синтаксис SCSS на сайте WordPress без использования плагина? Я пытался загрузить .scss файлы в свою дочернюю тему и wp_enqueue_style в свою дочернюю тему functions.php , но сайт не будет использовать код.

Ниже приведен пример синтаксиса, который я пытаюсь использовать на своем сайте WordPress.

 $clouds: 10;
@for $i from 0 through $clouds {
  div.cloud:nth-child(#{$i   1}) {
    left: random(150) / 150 * 100%   50%;
    top: random(100) / 100 * 90%;
    transform: scale(random(2) - 0.5);
    opacity: random(60) / 100;
    animation: moveclouds random(20)   20   s linear infinite;
  }
}

@keyframes moveclouds {
  100% {
    left: -50%;
  }
}
  

Комментарии:

1. Webpack, Gulp, Grunt, команды Sass, контейнеры, автокомпиляторы IDE… Там много вариантов.

2. Браузер не будет читать ваш код. Потому что .scss — это просто препроцессор CSS, который компилирует .css, который вы должны использовать на своем сайте. Я предлагаю вам изучить Gulp и Sass для удовлетворения ваших потребностей. Опять же, вы должны поставить в очередь .css, а не .scss.