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文件的文件名前添加下划线前缀，这是使用 Sass 命名部分样式表的标准方法。

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

.meteor
  client
    dashboard
      _dashboard.scss
    client.scss

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

@import 'dashboard'

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

希望有帮助！