在特定类上添加没有 localIdentName 的 Webpack css-loader 样式

【问题标题】：Add styles in Webpack css-loader without localIdentName on specific classes在特定类上添加没有 localIdentName 的 Webpack css-loader 样式
【发布时间】：2017-11-19 19:05:34
【问题描述】：

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

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

如何在这个类上添加 css？

【问题讨论】：

标签： webpack css-loader

【解决方案1】：

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

例子：

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

【讨论】：