样式

Rspack CssChunkingPlugin 深入与样式分块策略

引言在 1.4 中,Rspack 引入 CssChunkingPlugin 以优化样式产物组织;配合持久化缓存与更快 SWC,可显著提升构建与加载表现。能力与策略(已验证)插件能力:更合理地将样式拆分到独立 chunk,减少不必要的全局样式加载与重复。来源:Rspack 官方博客总览。与缓存命中:通

React 19 样式表依赖与加载策略

引言React 19 引入“样式表作为依赖”,实现样式与组件绑定,便于局部推理与按需加载;样式库与打包器可集成此能力提升加载效率。核心说明(已验证)局部绑定与按需:将样式表与依赖项组件放在一起,确保只加载实际依赖的样式,提升局部推理与加载效率。来源:React v19 稳定版说明。打包器与样式库集成

has 选择器与状态驱动样式治理(2025)

has 选择器与状态驱动样式治理(2025)一、能力与场景:has():根据后代/邻接元素状态选择父/兄弟元素(状态选择器)。场景:表单校验、导航选中、卡片悬浮联动(交互)。二、级联与结构级联:减少 JS 切换类名的需求;用选择器表达关系(级联)。结构:合理组织 DOM;避免过深层级造成复杂选择。三