前端模块与资源构建

把包管理、开发服务器、模块图、资源转换和生产构建放进同一条前端交付链。

阅读起点

先从本页第一章开始；如果对应概念已经熟悉，可以从目录中选择需要补齐的章节。

全书顺序

本书按知识依赖组织。主线先建立可运行的共同模型，再进入机制、工程边界和生产约束；维护与前沿内容明确标注，不改变主线的学习顺序。

第1章｜包、模块与依赖边界

理解包、模块与依赖边界的核心模型、常见操作和适用边界，并能据此判断下一步该查什么或如何验证。

1. 包、注册表与项目描述：理解JavaScript 包管理 的包、注册表与项目描述的核心模型、常见操作和适用边界，并能据此判断下一步该查什么或如何验证。
2. SemVer、解析与 lockfile：理解JavaScript 包管理 的SemVer、解析与 lockfile的核心模型、常见操作和适用边界，并能据此判断下一步该查什么或如何验证。
3. 模块格式与运行时边界：理解JavaScript 包管理 的模块格式与运行时边界的核心模型、常见操作和适用边界，并能据此判断下一步该查什么或如何验证。
4. workspace、Monorepo 与依赖边界：理解JavaScript 包管理 的workspace、Monorepo 与依赖边界的核心模型、常见操作和适用边界，并能据此判断下一步该查什么或如何验证。

第2章｜Vite 开发服务器与配置

理解Vite 开发服务器与配置的核心模型、常见操作和适用边界，并能据此判断下一步该查什么或如何验证。

1. 安装、脚本与开发构建：理解JavaScript 包管理 的安装、脚本与开发构建的核心模型、常见操作和适用边界，并能据此判断下一步该查什么或如何验证。
2. 发布、版本与兼容治理：理解JavaScript 包管理 的发布、版本与兼容治理的核心模型、常见操作和适用边界，并能据此判断下一步该查什么或如何验证。
3. 安全、CI 与故障排查：理解JavaScript 包管理 的安全、CI 与故障排查的核心模型、常见操作和适用边界，并能据此判断下一步该查什么或如何验证。
4. 为什么 Vite 开发快：理解Vite 的为什么 Vite 开发快的核心模型、常见操作和适用边界，并能据此判断下一步该查什么或如何验证。

第3章｜Vite 解析、资源与 HMR

理解Vite 解析、资源与 HMR的核心模型、常见操作和适用边界，并能据此判断下一步该查什么或如何验证。

1. 项目、配置与命令生命周期：理解Vite 的项目、配置与命令生命周期的核心模型、常见操作和适用边界，并能据此判断下一步该查什么或如何验证。
2. 依赖预构建与模块解析：理解Vite 的依赖预构建与模块解析的核心模型、常见操作和适用边界，并能据此判断下一步该查什么或如何验证。
3. 资源处理与模块图：理解Vite 的资源处理与模块图的核心模型、常见操作和适用边界，并能据此判断下一步该查什么或如何验证。
4. 开发服务器、HMR 与代理：理解Vite 的开发服务器、HMR 与代理的核心模型、常见操作和适用边界，并能据此判断下一步该查什么或如何验证。

第4章｜Vite 插件、生产构建与 SSR

理解Vite 插件、生产构建与 SSR的核心模型、常见操作和适用边界，并能据此判断下一步该查什么或如何验证。

1. 环境变量与运行时配置：理解Vite 的环境变量与运行时配置的核心模型、常见操作和适用边界，并能据此判断下一步该查什么或如何验证。
2. 插件系统与构建钩子：理解Vite 的插件系统与构建钩子的核心模型、常见操作和适用边界，并能据此判断下一步该查什么或如何验证。
3. 生产构建与 Rollup 优化：理解Vite 的生产构建与 Rollup 优化的核心模型、常见操作和适用边界，并能据此判断下一步该查什么或如何验证。
4. SSR、SSG 与库开发：理解Vite 的SSR、SSG 与库开发的核心模型、常见操作和适用边界，并能据此判断下一步该查什么或如何验证。

第5章｜Webpack 模块图、Loader 与 Plugin

理解Webpack 模块图、Loader 与 Plugin的核心模型、常见操作和适用边界，并能据此判断下一步该查什么或如何验证。

1. 迁移、Monorepo 与排障：理解Vite 的迁移、Monorepo 与排障的核心模型、常见操作和适用边界，并能据此判断下一步该查什么或如何验证。
2. 模块图与四大核心概念：理解Webpack 的模块图与四大核心概念的核心模型、常见操作和适用边界，并能据此判断下一步该查什么或如何验证。
3. Loader 体系与源码转换：理解Webpack 的Loader 体系与源码转换的核心模型、常见操作和适用边界，并能据此判断下一步该查什么或如何验证。
4. Plugin 生态与生命周期：理解Webpack 的Plugin 生态与生命周期的核心模型、常见操作和适用边界，并能据此判断下一步该查什么或如何验证。

第6章｜Webpack 开发、兼容与代码分割

理解Webpack 开发、兼容与代码分割的核心模型、常见操作和适用边界，并能据此判断下一步该查什么或如何验证。

1. 开发服务器与 HMR：理解Webpack 的开发服务器与 HMR的核心模型、常见操作和适用边界，并能据此判断下一步该查什么或如何验证。
2. 解析、别名与模块兼容：理解Webpack 的解析、别名与模块兼容的核心模型、常见操作和适用边界，并能据此判断下一步该查什么或如何验证。
3. 代码分割与异步加载：理解Webpack 的代码分割与异步加载的核心模型、常见操作和适用边界，并能据此判断下一步该查什么或如何验证。
4. Tree Shaking 与副作用：理解Webpack 的Tree Shaking 与副作用的核心模型、常见操作和适用边界，并能据此判断下一步该查什么或如何验证。

第7章｜构建性能、安全与生态迁移

理解构建性能、安全与生态迁移的核心模型、常见操作和适用边界，并能据此判断下一步该查什么或如何验证。

1. 缓存、压缩与构建性能：理解Webpack 的缓存、压缩与构建性能的核心模型、常见操作和适用边界，并能据此判断下一步该查什么或如何验证。
2. 环境、目标与安全：理解Webpack 的环境、目标与安全的核心模型、常见操作和适用边界，并能据此判断下一步该查什么或如何验证。
3. 高级能力与生态迁移：理解Webpack 的高级能力与生态迁移的核心模型、常见操作和适用边界，并能据此判断下一步该查什么或如何验证。

阅读边界

本页是学习路线和专题入口，不替代专题笔记中的机制解释、可运行示例和练习。笔记尚未完成的专题会先显示为占位页；已有经验的读者可以跳到具体章节，再按前置关系回补。

路线状态

本路线的目录已完成本轮架构审查；专题笔记的内容质量和来源审查另行进行。