流星手写笔导入

Question

我正在研究使用流星构建的流星网站设计。我正在使用手写笔编写css。我读过 Meteor 默认支持手写笔导入，但是当我将主要样式表拆分为部分时，它们会被流星单独导入。如果我想注释掉部分以禁用它，它仍然会被导入。

我有以下结构：

site/
  client/
    stylesheets/
      partials/
        all.styl
        typography.styl
        webform.styl
        etc.styl
      main.styl

在 main.styl 我做 @import 'partials/all 并且所有导入所有部分：

@import 'typography'
@import 'webform'
@import 'etc'

流星是否支持手写笔中的@import？我尝试添加 stylus 包，stylus-latest 但无济于事。

这个人似乎说它开箱即用：https://github.com/percolatestudio/ground-control。我尝试运行该应用程序，但它不适用于最新的流星。

有人给我小费吗？

干杯

Answer 1

这是一个复杂的问题。 @imports 适用于其他手写笔插件，例如 nib，因为每个文件都运行自己的插件集。但是，对于跨项目的导入，常规方式将不起作用，因为 Meteor 将加载每个文件。这在以下线程中进行了讨论：

https://github.com/meteor/meteor/pull/462

解决方法是手动导入文件，或者通过

• 将一些文件手动导入.import目录（或任何以.开头的文件，Meteor会忽略）
• 将文件的扩展名更改为 .stylimport，Meteor 也会忽略它。

以上两个问题都存在 Meteor 在开发过程中不会监视文件更改的问题。如果您希望解决此问题，我鼓励您参与讨论。

Answer 2

对于要导入的文件，您应该使用.import.styl。 它已在https://github.com/meteor/meteor/pull/1803 中修复

Answer 3

我之前尝试将 @import 与流星触控笔一起使用是命中注定的。

我尝试将main.styl 留在应用程序的根目录并从/client/stylesheets 加载导入。我认为它有效，但正如@AndrewMao 提到的那样，它重复了代码。

我在以前的项目中工作过，扩展名为 less 和 .lessimport。但对于这个我想继续使用手写笔。所以我决定将我的.styl全部移到client/stylesheets/.includes/。每次 stylus watcher 编译文件时，我都会运行 stylus -u autoprefixer-stylus -w .includes/main.styl -o ./ 以输出 css 的新副本。这样它就可以保留流星热重载的好处。

我希望有一种方法可以指定 stylus-autoprefixer cli 的选项。有人知道这是否可能吗？否则我将不得不使用prepos app。