将SCSS编译为CSS由于SCSS文件中的PHP变量，导致编译错误。 如何克服它？

Question

我有一堆SCSS文件，正在尝试将它们编译为CSS。 我尝试过同时使用Koala和Scout 。

Error:
C:\Users\Ben\Desktop\officeincambridge\public_html\oc-content\themes\bender\sass\user.scss
error sass/user.scss (Line 2: Undefined variable: "$widgetbackground".)
create css/user.css

.SCSS文件：

.user-card{
background-color:$widgetbackground;
position: relative;
padding-left:120px;
height:120px;
@include border-radius(4px);
margin-bottom:25px;
ul{
    padding:15px;
    margin:0;
    list-style: none;
}

我知道为什么会出现错误，但是如何使用PHP变量编译SCSS文件？ 有关更多信息，我正在使用OSCLASS

谢谢

Answer 1

你不能 Sass是Ruby工具，而不是PHP。

编辑：根据源代码， $widgetbackground是在colors.scss文件中定义的。

Answer 2

您确实可以使用PHP编译SCSS，请通过以下模块进行操作 。 我在项目中使用了它，效果很好。 您要做的就是

1. 将模块包含到您的项目中

2. 创建一个Style.php文件。 并指定其文档中提供的输入目录。

3. 传递资产目录下的scss文件作为style.php的参数

   style.php/?p=application.scss

4. 您将在“资产目录”下生成已编译的文件，

Style.php文件

    $scss = new scssc();
    $scss->setFormatter("scss_formatter_compressed");

    $server = new scss_server("assets/", "assets/", $scss);
    $server->serve();

这里的“资产”是指包含SCSS文件的目录，请确保相对路径。

Sass是一个很棒的工具，编码愉快。 希望这对某人有帮助。