Building Stylus Themes with Grunt

Question

Я хочу, чтобы мой файл стилуса принимал переменный ввод от grunt, зацикливал значения переменных и выводил различные тематические css-файлы.

Тогда я мог бы легко переключаться на такие темы. https://stackoverflow.com/a/7847009/55124

Возможно ли это? Как бы это настроить?

Прямо сейчас у меня есть ворчание стилуса в мой css. Но для генерации другой темы я должен вручную изменить значение переменной themeName в файле mainCSS.stylus и перестроить с помощью 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- contrib-copy вы можете скопировать файлы темы/default.styl в переменные.styl и скомпилировать стилус в стили css, чем удалить переменные.styl и снова скопировать темы/pretty-theme.styl в переменные.styl a и компилировать и т. д.

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', 
    }, 
}