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

Question

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

我正在使用React和那些Webpack加载器post-css，css-loader，sass-loader和extract-text-webpack-plugin。

我不想在jsx文件中编辑所有的classname。我只是想在构建时追加这个特定的选择器 。

是否有装载机来实现这一目标？或任何其他解决方案......

我实际拥有的东西：

.myClass {
  ...

  &--blue { ... }
}

Webpack转换后我想要的是什么：

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

由于

戈蒂埃

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

Answer 1

这应该可以在你的主sass文件中解决：

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