Sass 将css模块与SCS一起使用

我正在使用css模块。每个css模块都是一个scss文件，如下所示：

.componentWrapper {
  border: solid cadetblue;
  border-radius: 40px;
  padding: 10px;
  width: 95%;
  &.componentTitle {
    font-size: 18px;
    width: 15%;
    background-color: white;
    margin-top: -25px;
  }
}

---

在css模块内部使用它被认为是一种反模式吗？

当然不是。请记住，这会迫使您在适当的结构中使用html来实现这一点。因此，如果这些样式只在本模块中使用，而在其他任何地方都不需要，那就完全可以了。但是如果您在其他地方需要这些样式，在另一个没有适当html结构的上下文中，另一种方法，即使用类的f.i.会更好。然后，

@extend

指令就可以派上用场了。

不，sass加载程序将首先运行并输出普通CSS

CSS模块接受CSS并确定其范围