前端工程化最核心的问题，就是工程提效。随着工程复杂度的增加，老牌的webpack在解析依赖打包上就会显得“慢”，特别是在首次启动或者打包时尤为明显。

Vite的诞生即为了提升打包效率，做到“秒”启。因为极其优越的性能，更被称为下一代前端构建工具，不仅适合主流的Vue＆React打包构建，对于SSR、跨平台Electron也可以轻松配合开发，还能兼容Rollup插件。

Vite为什么能做到这么快？和其他工具相比的优势在哪里？如何配置Vite构建项目？

本次直播，我们就将从如何配置使用入手，深入到Vite的源码（热更新、动态导入、预编译），帮助大家系统掌握Vite，全面提升对前端构建的认知，了解前端工程化，为进阶架构师打下坚实的基础！

一、直播简介：

直播主题：深入源码解读下一代前端工具Vite
直播时间：11月30日（周二）20：00

适合人群：1-3年前端基础，热爱前端新技术的同学，想进入大厂的同学

二、直播讲师：

Brian，全栈工程师，高级PMP。国内一线互联网公司从业经历，超过十年在开发及管理经验，负责过多个领域的全栈项目开发。纵跨直播平台、内容管理系统等多个行业领域，精通JavaScript、Python、Dart、Shell等语言，对于综合性多端业务系统开发，有着丰富的开发经验。熟悉Flutter、Docker、自动化等新技术并综合应用于实战项目中，让大家对于企业级开发流程与工具有深入的了解与认识，专研精品内容，在视频质量与内容设计上狠下功夫，让同学们在前端全栈的路上少走弯路更快成长。

三、直播大纲：

1. 预读准备：前端工程化的世界

a. 主流工具：前端工程化工具Webpack/Rollup/Parcel与Vite

b. 前浪后浪：主流的打包工具对比webapck vs Vite

c. 应用场景：如今适合在生产中使用Vite吗？旧项目切入Vite?

d. 面试求职：如何面对源码类的面试题？思路是怎样的？（福利）

2. 阅读源码：前端开源项目怎么读源码

a. 环境准备：配置Node + IDE环境 + 运行官方项目

b. 眼见为实：Vite项目目录与核心文件、单步调试

c. 原理解析：Vite核心库client端与node端实现

d. 追根溯源：学会issues+Github discussions与社区频道

3.  知识扩展：Vite构建Vue&React项目上手

a. 核心配置：Vite核心配置（公共、服务端、构建配置）

b. 进阶上手：vite-awesome优秀的项目推荐

      c. 工程化扩展：Rollup打包工具应用场景，Vite兼容Rollup插件


四、炸场福利：

HMR原理＆源码类求职技巧

五、你将收获：

硬核技能丨开源项目工作流程和代码整体逻辑

深入源码丨Vite工程目录及和核心库工作原理

另类玩法丨Vite核心配置及常见插件用法

知识扩展丨为什么要选择Rollup来构建Vite？