CSS模块多个localIdentName

Question

在Webpack中使用CSS模块时是否可以更改localIdentName以便我可以应用多个类名？

我的最终目标是做这样的事情：

css?modules&localIdentName=[[name]-[local] [hash]]

最终获得应用的类名是：

component-local hash。

这样做的原因是我可以安全地应用我的CSS，同时仍然向那些想要全局覆盖我的CSS样式而不是使用改变每个构建的哈希的人公开一个漂亮的人类可读类名。

Answer 1

您不能使用多个类名。为CSS类设置多个名称是没有意义的，这只是将多个类应用于元素。如果你想拥有漂亮的名字，那么你就不应该在[hash]中加入localIdentName。

例如，使用此配置：

css-loader?modules&localIdentName=[name]-[local]

<强> filename.css

.my-class {}

将成为：

.filename-my-class {}

您还可以指定应添加哈希的字符数。例如，[hash:4]只是将哈希的前四个字符添加到名称中，如果这对您来说是可接受的中间地带。