按照本教程,
https://github.com/christianalfoni/react-webpack-cookbook/wiki/Loading-CSS#component-specific
我尝试实现这个逻辑,这就是它的实现方式。
正如您所看到的问题,CSS 不适用于导航栏类,因为类名呈现为 ".app-components-navbar-navbar-navbar-wrapper". 但类名应该成为“navbar-wrapper”
- 如何解决这个问题?
- 它应该是这样工作的吗?
- 如何实现特定于组件的 CSS?
最佳答案
在 css 的加载程序中,尝试将 localIdentName 的值从 [path][name]-[local ]
到 [local]
。 ident 名称基本上意味着它将按以下格式创建 css 类名。 ".app-components-navbar-navbar-navbar-wrapper
" 表示 app/component/navbar
是地方它在哪里定义,导航栏是文件名。 Local 表示您在 css 中的类名。
希望对你有帮助
关于html - Webpack:使用组件特定的 css 在 html 中呈现不同?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34827147/