localIdentName 哈希冲突答案

【问题标题】：localIdentName Hash ClasheslocalIdentName 哈希冲突
【发布时间】：2017-09-29 08:27:59
【问题描述】：

在我们的应用程序中，使用 CSS 模块，我们的一些样式的名称长度相当大。对于我们的产品构建来说，缩短这些似乎是明智的。由此产生两个问题：

这对 DOM 来说是否重要？较短的类名会让浏览器更容易呈现吗？

如果它确实重要，我希望该类只是一个简短的哈希：

localIdentName: '[hash:base64:5]',

但是，有五个字符，这不是一个很大的地址空间。 css-loader 中是否有任何哈希冲突的处理？

【问题讨论】：

渲染性能不应受到类名大小的影响。类名应该由浏览器标记。 Bundle-size-wise 较短的名称意味着更少的网络流量，但如果您使用 gzip 压缩，它可能会压缩掉重复的名称，因此使用长名称并不重要。解析方面的性能，长度确实很重要，但与您的应用程序的其他部分相比，CSS 的解析不应花费太长时间

【解决方案1】：

我对此进行了测试（我本可以在发布问题之前完成此操作），不，不支持哈希冲突。我将 localIdentName 设置为：

 localIdentName: '[hash:base64:1]',

大量样式发生冲突。

【讨论】：