我想将一个特定的选择器全局附加到我的应用程序中使用的所有 CSS 选择器。
我正在使用 React 和那些 Webpack 加载器post-css、css-loader和sass-loader。extract-text-webpack-plugin
我不想编辑 jsx 文件中的所有类名。我只想在构建时附加这个特定的选择器。
有没有一个加载器可以实现这一点?或者任何其他解决方案...
我实际拥有的:
.myClass {
...
&--blue { ... }
}
Run Code Online (Sandbox Code Playgroud)
Webpack 转译后我想要的:
.specificClass .myClass { ... }
.specificClass .myClass--blue { ... }
Run Code Online (Sandbox Code Playgroud)
谢谢
戈蒂埃
PS:我需要此功能的原因是为了避免 CSS 选择器与我正在集成应用程序的网站发生冲突。我不想手动编辑所有 scss 文件来附加选择器。