- 001入门Vite 构建工具概述Vite 构建工具概述:从 webpack 痛点出发,理解原生 ESM、依赖预构建、HMR 原理与 Vite 8 的 Rolldown 统一引擎
- 002入门Vite 快速上手与项目结构Vite 快速上手:手把手创建项目、读懂目录结构、掌握 dev/build/preview 三个核心命令与 ESM 加速原理
- 003入门Vite 配置文件详解vite.config.ts 详解:defineConfig、plugins、路径别名、开发服务器代理与构建选项,用"不配 vs 配 vs 配好"三段对比讲透
- 004入门Vite 静态资源处理Vite 静态资源:按"一个 Logo 从设计到上线"的场景,讲清 public 与 src/assets 的区别、import 资源、SVG、字体、favicon 与 base 路径
- 005入门环境变量与模式Vite 环境变量与模式:.env 文件加载优先级、VITE_ 前缀暴露规则、静态替换原理、staging 自定义模式与密钥安全边界
- 006中级Vite CSS 与预处理器Vite 样式方案:从 Sass 源码到浏览器 CSS 的完整处理流水线,讲清预处理器、PostCSS、CSS Modules、Lightning CSS 与 Tailwind 集成
- 007中级Vite 开发服务器与 HMRVite dev server:server 配置、host 端口、代理、HMR 原理(模块图/WebSocket/热替换边界)与 import.meta.hot API
- 008中级Vite 生产构建与代码分割Vite 生产构建:build 配置、动态 import 与 manualChunks 分包、tree-shaking、资源压缩与产物体积分析
- 009中级Vitest 测试集成Vitest 测试集成:与 Vite 共享配置管线、断言与异步测试、vi mock 体系、jsdom 环境、覆盖率门禁与 Jest 迁移对照
- 010进阶Vite 插件系统Vite 插件系统:插件 API、钩子机制(config/resolveId/load/transform 等)、插件开发入门与常用插件盘点
- 011进阶Vite 插件开发:钩子体系与虚拟模块以歌单数据与自创歌词格式为素材,端到端实现虚拟模块插件、transform 编译器与 dev 期 HMR 联动。
- 012中级Vite 8 与 Rolldown 新特性Vite 8 单引擎架构:版本演进时间线、Rolldown(Rust 打包器)、Oxc、Lightning CSS、Bundled Dev Mode 与升级迁移指南
- 013进阶服务端渲染 SSRVite SSR 实战:CSR/SSR 渲染时机对比、双入口构建、中间件模式、水合与数据注水、元框架选型与部署形态
- 014中级Vite 学习总结:核心知识体系回顾串联模块十二篇文档:从原生 ESM 与依赖预构建到配置、HMR、代码分割、插件系统与 Vite 8 Rolldown 单引擎的完整知识体系回顾。
- 015中级pnpm 与 Monorepo 工程化pnpm 与 Monorepo 工程化:workspace、内容寻址存储、依赖隔离、catalog、任务编排与发布
- 016入门pnpm 核心特性pnpm 核心机制:内容寻址存储、符号链接与严格依赖隔离
- 017入门工作空间配置pnpm workspace 配置:pnpm-workspace.yaml、packages 模式与安装命令
- 018中级workspace 协议与内部依赖workspace: 协议用法、本地包引用与发布时版本转换
- 019中级catalog 依赖目录管理catalog 协议:pnpm-workspace.yaml 目录配置、catalogMode 与依赖版本统一
- 020中级Turborepo 任务编排Turborepo 任务编排:turbo.json、tasks 配置、dependsOn 依赖与缓存机制
- 021中级changesets 版本管理与发布changesets 版本管理:变更记录、版本 bump、CHANGELOG 生成与 npm 发布流程
- 022中级Monorepo 实战Monorepo 实战:apps/packages 结构设计、共享包示例与 CI 优化