Frontendbuildtools

本文深度剖析了 Tailwind CSS v4 的核心架构与工程实践。内容系统性地阐述了其 Utility-First 哲学，并重点解析了 v4 全新的 Rust 内核引擎 (Oxide) 的工作原理——包括其源码扫描、JIT 生成机制，以及对动态类名的处理。笔记还详述了 @theme、@apply 和 @source 等新指令的最佳实践。

本文深度剖析了 Vite 中处理静态资源的两种核心模式：通过 public 目录提供未经处理的资源，以及从 src 目录将其作为模块导入以参与构建优化。笔记系统性地阐述了两种方式的底层机制、优缺点及适用场景，并介绍了 assetsInlineLimit、assetsInclude 等高级配置和 vite-imagetool 等优化工具的实践。

本文深度剖析了现代前端构建工具 Vite 中的 CSS 工程化实践。内容系统性地阐述了在 Vite 中引入样式表的三种核心方式及其作用域差异，重点解析了 CSS Modules 实现局部作用域的机制，并详述了 Vite 对 PostCSS 和 Sass/SCSS 等 CSS 预处理器的原生、零配置支持。

本文深度剖析了现代前端构建工具 Vite 的核心架构与模块处理机制。内容系统性地阐述了 Vite 在开发环境（利用原生 ESM 和 esbuild）与生产环境（利用 Rollup）下采用的不同策略，并重点解析了 Rollup 基于静态与动态导入进行代码打包和代码分割的自动化策略，最后展望了其未来向 Rolldown 的演进。