Sass 使用Webpack将选择器全局添加到所有我的CSS选择器（在构建时）

我想在我的应用程序中使用的所有CSS选择器中全局附加一个特定的选择器

我正在使用React和那些网页包加载程序

postcss

，

css加载程序

，

sass加载程序

和

提取文本网页包插件

我不想编辑jsx文件中的所有类名。我只想在构建时附加此特定选择器

是否有加载程序来实现这一点？或任何其他解决方案

我实际拥有的：

.myClass {
  ...

  &--blue { ... }
}

网页包透明后我想要什么：

.specificClass .myClass { ... }
.specificClass .myClass--blue { ... }

谢谢

戈蒂埃

---

PS：我之所以需要这个功能是为了避免CSS选择器与我正在集成我的应用程序的网站发生冲突。我不想手动编辑我的所有scss文件来附加选择器。

这应该可以通过在主sass文件中：

.specificClass {
    @import 'variables';
    @import 'fonts';
    // ... do more imports
}

---

我没有一个sass入口点。我直接在React组件上导入所有scss文件。