Css 将整个sccs文件导入包装选择器时出现问题

我一直在寻找一种简单的方法来为样式表添加前缀，sass的效果非常好。我不需要任何构建工具，只要vs代码sass扩展，然后按watch

我所做的是，将css重命名为scss，然后将其导入到我想要的选择器中的主样式嵌套中，如：

#wrapper {
  @import 'style1';
  @import 'style2';
}

当其中一个文件有@font-face时就会出现问题，它们也会有前缀，这是一个问题。我检查了问题追踪器，显然这是正确的行为。

鉴于此。我正在寻找一种只将@font-face规则导入根目录而不是#包装器选择器的方法

---

不必更改“style1”或“style2”的内容，这是否可行？

我可以通过node sass magic importer解决这个问题

但同样地，您需要节点脚本和终端，但可以通过捆绑包来缓解，捆绑包不是我想要的，但至少我可以预先构建它，并且仍然使用监视程序

但是，考虑到为这么简单的事情设置字体的难度，我只需转到样式表，将字体面复制到主文件的根

---

如果有人只知道使用sass的解决方案，请回复。

解决方案：不要在任何内容中使用

@font-face

。将其作为自己的文件，并使用自己的专用

将该文件显式加载到index.html中。不要将其放入任何捆绑包或样式化组件等中。要么您需要加载这些字体（因为它是2020年的，仅从woff2/woff开始，没有eot/svg/ttf/otf愚蠢，绝对没有

local（）

）才能使页面正常工作，要么您不需要。我只想在不应该修改的现有样式表前面加前缀。如果我必须进入文件并将其分开，有点违背目的。如果你还没有，为什么还没有？那些

@font-face

规则不应在任何其他文件中。