Webpack：使用组件特定 css 在 html 中呈现不同？
Webpack: Using Component specific css render different in html?
按照本教程，
https://github.com/christianalfoni/react-webpack-cookbook/wiki/Loading-CSS#component-specific
我试过实现这个逻辑，这就是它的实现方式。
这是它在网络上的呈现方式，
如您所见，css 未应用于导航栏 class，因为 classname 呈现为 ".app-components- navbar-navbar-navbar-wrapper". 但是 class 名称应该是 "navbar-wrapper"
- 如何解决？
- 它应该这样工作吗？
- 我怎样才能实现组件特定 css？
在 css 的加载程序中，尝试更改 localIdentName[=27 的值=] 从 [path][name]-[local] 到 [local]。 ident 名称基本上意味着它将按照以下格式创建 css class 名称。 ".app-components-navbar-navbar-navbar-wrapper" 表示 app/component/navbar 是定义的地方，导航栏是文件名。 Local 表示你的名字 class in css.
希望对您有所帮助
按照本教程，
https://github.com/christianalfoni/react-webpack-cookbook/wiki/Loading-CSS#component-specific
我试过实现这个逻辑，这就是它的实现方式。
这是它在网络上的呈现方式，
如您所见，css 未应用于导航栏 class，因为 classname 呈现为 ".app-components- navbar-navbar-navbar-wrapper". 但是 class 名称应该是 "navbar-wrapper"
- 如何解决？
- 它应该这样工作吗？
- 我怎样才能实现组件特定 css？
在 css 的加载程序中，尝试更改 localIdentName[=27 的值=] 从 [path][name]-[local] 到 [local]。 ident 名称基本上意味着它将按照以下格式创建 css class 名称。 ".app-components-navbar-navbar-navbar-wrapper" 表示 app/component/navbar 是定义的地方，导航栏是文件名。 Local 表示你的名字 class in css.
希望对您有所帮助