首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用Grunt构建Stylus主题

使用Grunt构建Stylus主题
EN

Stack Overflow用户
提问于 2014-01-17 01:42:01
回答 1查看 490关注 0票数 1

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

然后我可以很容易地像这样切换主题。https://stackoverflow.com/a/7847009/55124

这个是可能的吗?如何设置它呢?

现在我已经把手写笔编译成我的css了。但是,要生成一个不同的主题,我必须手动更改mainCSS.stylus文件中的themeName变量的值,并使用grunt进行重新构建。

EN

Stack Overflow用户

发布于 2014-01-18 00:38:26

你对这种方式有什么看法:

有一个main.styl,它包含:

代码语言:javascript
运行
复制
@import "variables"; 
//some other styles and imports

还有一些主题文件:

代码语言:javascript
运行
复制
 themes/default.styl
 themes/pretty-theme.styl
 themes/very-pretty-theme.styl

使用grunt-contrib copy,您可以将文件themes/default.styl复制到variables.styl并将输入笔编译为css样式,然后删除variables.styl并再次将themes/pretty-theme.styl复制到variables.styl并进行编译,依此类推。

代码语言:javascript
运行
复制
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',
  },
}
票数 1
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21169016

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档