文章/答案/技术大牛

发布

社区首页 >问答首页 >使用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进行重新构建。

css

node.js

themes

gruntjs

stylus

回答 1

Stack Overflow用户

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

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

有一个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并将输入笔编译为css样式，然后删除variables.styl并再次将themes/pretty-theme.styl复制到variables.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',
  },
}

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/21169016

复制

相似问题

问使用Grunt构建Stylus主题
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Grunt构建Stylus主题EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Grunt构建Stylus主题
EN