Question

我想让我的手写笔文件接受来自grunt的变量输入，循环变量值，并输出不同的主题css文件。

然后我可以轻松切换这样的主题。 https://stackoverflow.com/a/7847009/55124

这可能吗？如何设置它？

现在我已经咕噜咕噜地将手写笔编入我的CSS。但是，要生成不同的主题，我必须手动更改mainCSS.stylus文件中的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-contrib-copy你可以将文件themes / default.styl复制到variables.styl并将stylus编译为css样式，而不是删除variables.styl并再次将themes / pretty-theme.styl复制到variables.styl和compile等等。

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

使用Grunt构建Stylus主题

1 个答案: