2.4.1 CSS Modules

文档摘要

2.4.1 CSS Modules Next.js 中的 CSS Modules：打造模块化、可维护的样式 2.4.1.1 CSS Modules 的原理 CSS Modules 的核心思想是将 CSS 类名转换成唯一的、本地作用域的标识符。这意味着即使你在不同的组件中使用相同的 CSS 类名，它们也不会相互冲突。其工作原理如下：编译时转换：当你导入一个 CSS Module 文件时，Next.js 会使用 (或其他配置的 bundler) 及其相关的 loader (如 ) 来处理该文件。类名哈希：会为 CSS 文件中的每个类名生成一个唯一的哈希值。这个哈希值通常包含文件名和原始类名，以确保唯一性。本地作用域：生成的哈希类名会被应用到对应的 HTML 元素上。