2015-10-07 61 views
1

我無法弄清楚這個Sass塊如何被gulp腳本所取代?styleguide如何生成模板工作?

https://github.com/google/material-design-lite/blob/master/src/_variables.scss#L104-L110

@if $styleguide-generate-template == true { 
    $color-primary: '$color-primary'; 
    $color-primary-dark: '$color-primary-dark'; 
    $color-accent: '$color-accent'; 
    $color-primary-contrast: '$color-primary-contrast'; 
    $color-accent-contrast: '$color-accent-contrast'; 
} 

https://github.com/google/material-design-lite/blob/master/gulpfile.babel.js#L142

例如,我怎樣才能創建一個沒有使用一飲而盡文件搞亂了MDL SCCS我自己的顏色模板?

回答

1

不要擔心styleguide塊。這是爲了在所提供的定製器的前端生成用於自定義生成的文件。

要製作自己的顏色模板,只需在導入material-design-lite.scss之前在scss中定義此塊中的變量。

+0

好吧,這使得sence,但仍然'styleguide塊'是一個完全神祕的地方,它獲取它設置在gulp文件中的變量。我知道我不需要擔心它,但我想了解它的吞嚥過程:) –

+0

這與吞噬過程無關。這只是Sass而已。這個塊表示在生成定製程序文件時將字符串替換爲值。這使得定製者在JS中容易替換 – Garbee

+0

你可以給我的js代碼中的部分的github網址,請在定製者代替代碼的地方嗎? –