將SCSS編譯爲CSS由於SCSS文件中的PHP變量導致編譯錯誤。如何擺脫它？

我有一堆SCSS文件，我試圖將它們編譯爲CSS。我曾嘗試使用Koala和Scout。將SCSS編譯爲CSS由於SCSS文件中的PHP變量導致編譯錯誤。如何擺脫它？

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

感謝

來源

2014-07-03 ben_dchost

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

編輯：根據源代碼，$widgetbackground在colors.scss文件中定義。

來源

2014-07-03 09:37:02 piouPiouM

有沒有其他方法可以做到這一點？它說[這裏]（http://doc.osclass.org/How_to_modify_Bender_theme）我應該能夠編譯文件？ –

所以我查看了colors.scss，你是對的。 '$ widgetbackground：＃f7f7f7;'，這是否意味着我將不得不使用$ widgetbackground手動替換所有文件來使用＃f7f7f7？ –

不，您必須像'main.scss'中一樣導入'colors.scss'文件（'@import「colors.scss」;'）。 – piouPiouM

你確實可以用PHP編譯SCSS，請通過以下Module。我在我的項目中使用過它，它工作得很好。所有你需要做的是，

包含模塊到項目
創建Style.php文件。並指定在其文檔中給出的輸入目錄。
傳給你有你的資產目錄下的文件SCSS，作爲參數傳遞給style.php

style.php/?p=application.scss
你將不得不生成編譯的文件，在你的資產目錄，

Style.php文件

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

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

這裏「Assets」表示包含SCSS文件的目錄，請確保相對路徑。

Sass是一個很棒的工具，開心編碼。希望這可以幫助某人。

來源

2014-10-30 13:06:56

感謝您的答覆。我不再在上面的項目上工作，但是當我接下來遇到它時，我一定會檢查這一點！ –

將SCSS編譯爲CSS由於SCSS文件中的PHP變量導致編譯錯誤。如何擺脫它？

回答

相關問題