在Webpack css-loader中添加样式，而不在特定类上使用localIdentName

Question

我正在使用webpack url-loader来加载css文件并通过CSS模块访问它们。这些样式将像shared-assets-_nav---nav---JLuu1 ul > li > a一样进行转换。

如何更改库添加的未散列样式的样式？即React Router添加了活动的类名。

我如何在这个类上添加css？

Answer 1

只需在您的样式中添加：global {}即可。这样，在css-loader中，样式名称不会改变。

示例：

:global {
  ul > li > .active {
    color: var(--focus);
    &::after {
      display: table;
      clear: both;
      content: "";
    }
  }
}