html - Webpack：在 html 中使用不同的组件特定 css 渲染？

Question

按照本教程，

https://github.com/christianalfoni/react-webpack-cookbook/wiki/Loading-CSS#component-specific

我尝试实现这个逻辑，这就是它的实现方式。

这是它在网络上呈现的方式，

如您所见，导航栏类没有应用css，因为类名呈现为“.app-components-navbar-navbar-navbar-wrapper”。但类名应该是“navbar-wrapper”

1. 如何解决这个问题？
2. 这是它应该如何工作的吗？
3. 我怎样才能实现组件特定的 css？

Answer 1

在css的加载器中，尝试将localIdentName的值从更改[path][name]-[local]为[local]。ident 名称基本上意味着它将按以下格式创建css类名称。“ .app-components-navbar-navbar-navbar-wrapper”表示app/component/navbar定义的地方，导航栏是文件名。Local 表示您在css中的类名。

希望能帮助到你