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

Question

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

.meteor
client
  dashboard
    dashboard.scss
  client.scss

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

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

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

Answer 1

如果您正在使用fourseven:scss程序包在Meteor项目中编译Sass，则只需要在导入的.scss文件的文件名前加上下划线，即{{ 3}}

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

.meteor
  client
    dashboard
      _dashboard.scss
    client.scss

然后您应该能够使用@import语句将_dashboard.scss包含在client.scss中，如下所示：

@import 'dashboard'

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

希望有所帮助！