样式
Next.js 支持不同的应用程序样式,包括
- 全局 CSS:对于有传统 CSS 使用经验的人来说,使用简单且熟悉,但随着应用程序的增长,可能会导致 CSS 包过大,难以管理样式。
- CSS 模块:创建本地范围的 CSS 类,以避免命名冲突并提高可维护性。
- Tailwind CSS:实用工具优先的 CSS 框架,可通过组合实用工具类快速实现自定义设计。
- Sass: 一种流行的 CSS 预处理器,可通过变量、嵌套规则和混合 体等功能扩展 CSS。
- CSS-in-JS:直接在 JavaScript 组件中嵌入 CSS,实现动态和范围样式化。