Meteor Sass 使用来自更深文件的基础 sass

Question

我有一个具有以下文件结构的 Meteor 项目:

.meteor
client
  dashboard
    dashboard.scss
  client.scss

我的基本 sass 文件是位于客户端文件夹中的 client.scss。

如果我在 client.scss 中定义 $flat-button。然后我不能在dashboard.css中使用它而不添加 import '../client'; .但是，当我在多个文件中执行此操作时，这会导致统一 css 文件中出现重复条目​​。如果我不导入它，那么 Meteor 会由于找不到变量而报告错误。

我应该向 sass 编译器添加设置以使其正常工作吗？

Answer 1

如果您使用的是 fourseven:scss 在你的 Meteor 项目中编译 Sass 的包，你只需要在你导入的文件名前加上前缀 .scss带下划线的文件，即 the standard method of naming a partial stylesheet with Sass .

在您的情况下，您的文件夹和文件结构应更改为:

.meteor
  client
    dashboard
      _dashboard.scss
    client.scss

然后你应该可以使用 @import包含的声明 _dashboard.scss在 client.scss像这样:

@import 'dashboard'

如果由于某种原因您不想以这种方式重命名文件，您也可以使用 .scssimport扩展相同的结果。

希望有帮助!