在不使用插件的情况下在WordPress网站上使用SCSS语法

Question

是否可以在不使用插件的情况下在WordPress网站上使用SCSS语法？我试图将.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%;
  }
}