有没有办法在Laravel中随机化CSS类

Question

有没有一种方法可以使CSS类随机化并在html和js文件中对其进行更新？

类似gmail的东西，在每个请求上某些类都是不同的。

Answer 1

CSS模块

这种做法现在被称为“ CSS模块”，并且随着Webpack的流行而被越来越广泛地采用。这个概念是将CSS选择器转换（散列）为唯一的类名，以确保模块之间样式不会发生冲突。

Webpack的css-loader module具有一个modules选项，该选项启用了此功能。它通常与React一起使用，您可以在其中通过导入CSS文件（例如

）获得的JS对象在标记中分配类名称。

import styles from './style.css

如果该CSS文件具有选择器，例如.sidebar，它通过

应用于标记

className={styles.sidebar} // JSX

Webpack将对类名和匹配选择器进行哈希处理以确保唯一性。