课程采用“工具演进—>核心应用—>架构深潜—>插件开发—>源码剖析”的五阶跃迁模型，带你从Vite与Webpack/Rollup的对比起步，深度透彻掌握ESM原生模块、HMR热更新与预编译优化机制，构建坚实的新世代构建底座。课程核心聚焦于2026年主流技术栈，通过Vue2/3与React多框架实战，深入TypeScript、CSS Modules与ESLint/Prettier的标准化集成。你将亲手实现Node.js集成Vite SSR（服务端渲染）与静态站点导出，并攻克Glob批量导入等高级特性。最后通过MDX插件全案开发与Vite源码逐行剖析，涵盖PluginContainer、Module Graph与Config解析。这不仅是工具的使用教学，更是对2026年企业级“极速构建、全栈渲染、底层扩展”架构能力的深度重塑，助你从一名应用开发者蜕变为具备工程化思维与源码级掌控力的稀缺前端专家。
课程目录：
新时代前端
| 资料与代码.zip
|
+—第1章 Vite的概要介绍
| 1-1关于课程你需要了解的都在这里.mp4
| 1-2什么是Vite.mp4
| 1-3Vite对比其他构建工具的优势.mp4
| 1-5 【讨论题】谈谈你对于构建工具得认识.png
|
+—第2章 Vite的基础应用
| 2-1Vite的优势.mp4
| 2-2Vite创建Vue3项目.mp4
| 2-3Vite创建Vue2的项目.mp4
| 2-4Vite创建React的项目.mp4
| 2-5Vite中使用CSS的各种功能.mp4
| 2-6Vite中使用Typescript.mp4
| 2-7Vite中处理静态资源的方法.mp4
| 2-8Vite集成eslint和prettier.mp4
| 2-9Vite中得env环境变量.mp4
|
+—第3章 Vite的高级应用
| 3-10 【任务题】使用vite更新一个你的现有项目.png
| 3-1Vite中的HMR热更新功能.mp4
| 3-2Vite的glob-import批量导入功能.mp4
| 3-3Vite性能揭秘—预编译优化.mp4
| 3-4在非Node服务中集成Vite.mp4
| 3-5Nodejs集成Vite开发时的SSR.mp4
| 3-6Node集成正式build的Vite应用的SSR.mp4
| 3-7通过SSR功能实现静态站点导出.mp4
| 3-8Vite配置项一览.mp4
|
+—第4章 Rollup系统学习
| 4-10 【任务题】用rollup打包一个vue或者react项目.png
| 4-11 【讨论题】谈谈你对esbuild未来的预测.png
| 4-1Rollup介绍.mp4
| 4-2 【知识拓展】ES Module详解.jpg
| 4-2Rollup的命令行使用.mp4
| 4-3Rollup配置文件使用.mp4
| 4-4Rollup插件功能解析（上）.mp4
| 4-5Rollup插件功能解析（下）.mp4
| 4-6Rollup常用插件盘点.mp4
| 4-7Esbuild的使用教程.mp4
| 4-8Esbuild插件的开发方式.mp4
|
+—第5章 Vite插件系统详解
| 5-1Vite插件开发概述.mp4
| 5-2Vite插件的执行时机.mp4
| 5-3Vite插件API详解.mp4
| 5-4HMR-API详细解析（上）.mp4
| 5-5HMR-API详细解析（下）.mp4
| 5-6vite-vue3-jsx插件概览.mp4
| 5-7vite-vue3-jsx插件源码解析之配置和产出.mp4
| 5-8vite-vue3-jsx插件详解之HMR.mp4
| 5-9vite-vue3-jsx插件解析之SSR.mp4
|
+—第6章 实战Vite插件iclass=new_tagi
| 6-1 【拓展知识】Ast语法树介绍.jpg
| 6-10解决发布vite-mdx插件的问题.mp4
| 6-1MDX语法介绍和插件设计.mp4
| 6-2MDX的使用以及mdx-loader的原理.mp4
| 6-3MDX如何配合React使用.mp4
| 6-4插件Vue版本基础实现.mp4
| 6-5Vue3的mdx函数实现.mp4
| 6-6Vite-mdx插件vue3联调.mp4
| 6-7Vite-mdx插件集成react.mp4
| 6-8Vite-mdx插件进一步完善.mp4
| 6-9独立开发vite-mdx插件并发布到npm.mp4
|
\—第7章 Vite 源码解析
7-1 Vite 源码解析-目录结构和构建.mp4
7-10 【任务题】挑选vite的内部plugin，进行源码解析并分享 .png
7-2 启动Vite 的 createServer.mp4
7-3 resolveConfig 解析配置过程解析（上）.mp4
7-4 resolveConfig 解析配置过程解析（下）.mp4
7-5 pluginContainer 作用和源码解析.mp4
7-6 JS 请求处理和模块图谱源码解析.mp4
7-7 vite-dev-server 中的 HMR 处理.mp4
7-8 vite 预编译优化源码解析.mp4
7-9 总结.mp4
readme.md
更新说明.txt
资料文档.zip
下载地址：
感谢您的来访，获取更多精彩文章请收藏本站。
