3.4 资源处理：CSS 模块化、静态资源路径解析与 `public` 目录机制

文档摘要

3.4 资源处理：CSS 模块化、静态资源路径解析与目录机制第三章：开发时核心机制：原生 ESM 驱动的即时服务 3.4 资源处理：CSS 模块化、静态资源路径解析与目录机制在现代前端工程化的宏伟叙事中，JavaScript 模块化无疑是主角。然而，一个完整的 Web 应用，其肌理远比纯粹的逻辑代码要丰满得多——它由样式（CSS）、图像、字体等多元化的静态资源共同编织而成。传统构建工具，如 Webpack，通过一套复杂而强大的加载器（Loader）体系，将这些非 JavaScript 资源“翻译”并“打包”进最终的产物中，形成一个高度耦合的资源束。Vite，作为原生 ESM 时代的开拓者，其核心理念在于最大化地利用浏览器原生能力，从而在开发阶段摒弃了“打包”这一沉重枷锁。