手写笔中的变量分配

Question

我试图在global.styl文件中放置媒体查询的变量赋值.

如果它在同一个文件中,则以下内容有效:

tablet = "all and (max-width: " + 768px+ ")" //variable assignment @media tablet { text-align: left; padding: 122px; }

但是,如果我尝试将变量赋值移动到global.styl文件,它就不起作用.

在我弄清楚为什么流星和/或手写笔没有从另一个文件中读取全局变量之后,我想避免不得不回来重构,所以任何帮助都非常感谢.谢谢!

Answer 1

Meteor的手写笔包.styl单独编译每个文件.如果要将样式表拆分为多个文件,则需要@import正常使用stylus的指令.使用扩展名命名导入的(全局变量)文件,.import.stylMeteor只会观察它的变化,而不试图单独编译它.

// globals.import.styl
tablet = "all and (max-width: " + 768px+ ")"

// media-queries.import.styl
// ...
@media tablet {
  text-align: left;
  padding: 122px;
}
// ...

// style.styl
@import 'globals.import'
@import 'media-queries.import'

顺便说一句,我强烈建议检查出破裂,其包装含有cryptoquick:stylus-multi流星包.