---
id: frontend.vite.index
title: Vite
type: index
domain: frontend
stack: [vite]
tags: [Vite, Rolldown, 构建工具]
week: [7]
---

# Vite

开发服务器原理、Vite 8（Rolldown）构建、环境变量、代理、插件和拆包。你已有多年前端经验，这里重点补“原理能讲清楚”和“迁移能落地”。

## 学习路线

| 顺序 | 课程 | 级别 | 预计 |
| --- | --- | --- | --- |
| 1 | [Vite 8：开发服务器原理、Rolldown 构建、环境变量、代理（含 SSE）、插件和拆包](01-dev-build-config.md) | 进阶 | 2.5 小时 |

## 企业场景

- [老项目从 webpack 迁移到 Vite：评估、步骤、风险和回滚](scenarios/webpack-to-vite.md)

## 面试题

- [Vite 面试题](interview.md)

## 示例代码

- [examples/vite-config](examples/vite-config/)：虚拟模块插件、`loadEnv`、`/api` 和 SSE 代理、`codeSplitting` 拆包（类型检查、构建、开发代理均已验证）

## 在 16 周计划中

- [第 7 周：前端工程化查漏](../../../plan/week07-frontend.md)

## 官方资料

- https://vite.dev/guide/
- https://rolldown.rs/