用Grunt構建手寫筆主題

Question

我想讓手寫筆文件接受來自grunt的變量輸入，循環變量值並輸出不同的主題化css文件。

然後，我可以很容易地切換這樣的主題。 https://stackoverflow.com/a/7847009/55124

這可能嗎？如何設置它？

現在我有咕嚕編譯手寫筆到我的CSS。但是，爲了生成不同的主題，我必須在mainCSS.stylus文件中手動更改my themeName變量的值，並使用grunt重建。

Answer 1

，你怎麼看待這樣：

有一種main.styl，包含：

@import "variables"; 
//some other styles and imports 

還有一些主題文件：

themes/default.styl 
themes/pretty-theme.styl 
themes/very-pretty-theme.styl 

使用grunt-您可以將文件themes/default.styl複製到variables.styl並將手寫筆編譯爲CSS樣式，然後刪除variables.styl並再次將themes/pretty-theme.styl複製到variables.styl a nd編譯等。

copy: { 
    default-theme: { 
    src: 'themes/default.styl', 
    dest: 'variables.styl', 
    }, 
    pretty-theme: { 
    src: 'themes/pretty-theme.styl', 
    dest: 'variables.styl', 
    }, 
    very-theme: { 
    src: 'themes/very-pretty-theme', 
    dest: 'variables.styl', 
    }, 
}