如何使用Webpack 2在Angular 2（4）中哈希CSS类名？

我在Google新闻上看到Google散列了他们的CSS类名。如何使用Webpack 2在Angular 2（4）中哈希CSS类名？

所以我搜索谷歌是如何做到这一点，并找到了一个教程，怎么通过的WebPack散列的类名，但反应。

我不知道这是可能的角与的WebPack了。

2017-10-14 Prolativ

请给我们指点教程。你希望通过这样做完成什么？ – 2017-10-14 15:20:32

@torazaburo我已经添加了教程。我不想为了更多的客户端安全而使用它。 – Prolativ

@Prolativ如何哈希你的CSS类有** ANY **对'安全'的影响 – Abdel

你想散列类的唯一原因是为了避免类似的类相互覆盖。在反应中这样做是有道理的，因为据我所知，反应中没有任何形式的封装形式（我可能在这个封装上是完全错误的）。

这事你不用担心角的情况下，你将要构建的组件，而无需关闭viewEncapsulation。 Angular将负责确保类似的类名不冲突（或“泄漏”）。

这是一个example在stackblitz。

请注意，我是如何定义两个具有相同名称和不同值的类，以角度前缀来确保它们对每个组件都是唯一的。

这里是我的意思在演示

angular viewencapsulation

如果您想了解更多关于角的观点封装的演示，我建议你检查出this文章thoughtram。

2017-10-14 15:46:23 Abdel

回答