Создание тем для стилуса с помощью Grunt

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

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

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

Прямо сейчас у меня есть grunt, компилирующий стилус в мой css. Но чтобы сгенерировать другую тему, мне нужно вручную изменить значение моей переменной themeName в файле mainCSS.stylus и пересобрать с помощью grunt.


node.js themes css stylus gruntjs
person Bryan    schedule 16.01.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Что вы думаете об этом пути:

Существует main.styl, который содержит:

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

и есть несколько файлов тем:

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

с помощью grunt-contrib-copy вы можете скопировать файл themes/default.styl в variable.styl и скомпилировать стилус в стили css, затем удалить variable.styl и снова скопировать themes/pretty-theme.styl в variable.styl и компилировать и так далее.

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',
  },
}
person Slawa Eremin    schedule 17.01.2014