2013-06-18 28 views
1

在一個大型的Sass庫上工作時,我喜歡包含標誌;導入文件的大標誌和導入文件的小標誌。這使瀏覽器中的調試更加容易,因爲我可以快速找到關聯的sass文件並進行更改。Sass mixins在註釋中輸出變量

有沒有辦法讓一個mixin輸出註釋與一個賦值變量?這是我嘗試過的。

@mixin bigflag($filepath){ 
     /*********** 
     ****** $filepath 
     ***********/ 
    } 

@include bigflag(scss/middle/header.scss); 

我想上面的代碼輸出

 /*********** 
     ****** scss/middle/header.scss 
     ***********/ 

這沒有工作;非結束註釋使變量不活動或被註釋掉。我想我可以複製並粘貼評論標記,但是...這將非常方便。

任何幫助表示讚賞。謝謝

+1

Sass已經提供了調試選項,爲什麼不使用它們? – cimmanon

+0

不太恰當的描述爲調試,也許我的需要更好地描述爲像素完美。除了在sass中嘗試一個值,保存,重新編譯和檢查瀏覽器,我可以切換瀏覽器開發工具中的值,找到我想要的確切值,然後更改sass文件。這些標誌允許我快速確定在檢查器中完成切換後需要更改哪個文件。 – iphipps

+0

而且? '--debug-info'標誌添加了行號以顯示樣式來自哪裏。我想,工作流程是 – cimmanon

回答

1

轉義字符經過一番研究,在上海社會科學院

@mixin flag($file){ 
/*********** 
****** #{$file} 
***********/ 
} 
@include flag(scss/middle/header); 

輸出作爲

/*********** 
****** scss/middle/header 
***********/ 

一個音符:青菜不喜歡時期。所以如果你使用標誌(scss/middle/header.scss),你需要跳過scss之前的這段時間。這很辛苦,我不打算使用它。

+1

你應該只保留評論標題在各自的文件。 –

+0

是的,我。定義mixin在導入之前處於頂層。每個導入都包含文件頂部的mixin。所以編譯後的文件具有指示每個sass文件頂部的標誌。 – iphipps

+0

更新:開發工具上的源映射和工作空間文件夾使其不再需要。 – iphipps