手写笔中的变量分配

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指令。使用扩展名.import.styl命名导入的（全局）文件，Meteor只会观察它的变化，而不是单独编译它。

// 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'

顺便说一句，我强烈建议您查看Rupture，其中包含cryptoquick:stylus-multi流星包。