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

时间：2016-01-16 12:49:57

标签： html css node.js webpack webpack-style-loader

按照本教程，

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

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

Setup

webpack-config

这是在网上呈现的方式， HTML Render

正如您所看到的那样，css不适用于navbar类，因为classname呈现为＆＃34; .app-components-navbar-navbar-navbar-wrapper＆＃34;。但是类名应该是＆＃34; navbar-wrapper＆＃34;

  1. 如何解决这个问题？
  2. 这是怎么回事？
  3. 如何实现组件特定的css？

1 个答案:

答案 0 :(得分：1)

在 css 的加载程序中，尝试将 localIdentName 的值从[path][name]-[local]更改为[local]。 ident名称基本上意味着它将以下列格式创建 css 类名。 ＆＃34; .app-components-navbar-navbar-navbar-wrapper＆＃34; 表示 app/component/navbar 是定义它的位置，navbar是文件名。 Local在 css 中表示您的班级名称。

希望有所帮助

相关问题
最新问题