將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是一個很棒的工具，編碼愉快。 希望這對某人有幫助。