Vite 从入门到精通，玩转新时代前端构建法则

本站官方QQ群：116064591

PS 本站不保证资源的完整性，不对其真实性负责。请自行确认是否符合个人需求。如有介意，请勿获取。

第1章Vite的概要介绍【5 节 | 25分钟】
- 视频：1-2 什么是 Vite (07:15)
- 视频：1-3 Vite 对比其他构建工具的优势 (08:52)
- 视频：1-4 【拓展知识】前端构建工具发展史
- 图文：1-5 【讨论题】谈谈你对于构建工具得认识
第2章Vite的基础应用【9 节 | 111分钟】
- 视频：2-1 Vite 的优势 (10:22)
- 视频：2-2 Vite 创建 Vue3 项目 (12:22)
- 视频：2-3 Vite 创建 Vue2 的项目 (08:30)
- 视频：2-4 Vite 创建 React 的项目 (07:21)
- 视频：2-6 Vite 中使用 Typescript (21:19)
- 视频：2-7 Vite 中处理静态资源的方法 (09:44)
- 视频：2-8 Vite 集成 eslint 和 prettier (12:38)
- 视频：2-9 Vite 中得 env 环境变量 (12:21)
第3章Vite的高级应用【10 节 | 118分钟】
- 图文：3-1 【知识拓展】什么是热更新
- 视频：3-2 Vite 中的 HMR 热更新功能 (14:02)
- 视频：3-3 Vite 的 glob-import 批量导入功能 (10:18)
- 视频：3-5 在非 Node 服务中集成 Vite (18:17)
- 视频：3-6 Nodejs 集成 Vite 开发时的 SSR (16:39)
- 视频：3-7 Node 集成正式 build 的 Vite 应用的 SSR (15:12)
- 视频：3-8 通过 SSR 功能实现静态站点导出 (11:54)
- 视频：3-9 Vite 配置项一览 (19:55)
- 视频：3-10 【任务题】使用vite更新一个你的现有项目
第4章Rollup系统学习【11 节 | 137分钟】
- 视频：4-1 Rollup 介绍 (10:36)
- 图文：4-2 【知识拓展】ES Module详解
- 视频：4-3 Rollup 的命令行使用 (19:37)
- 视频：4-4 Rollup 配置文件使用 (18:38)
- 视频：4-5 Rollup 插件功能解析（上） (14:59)
- 视频：4-6 Rollup 插件功能解析（下） (19:28)
- 视频：4-7 Rollup 常用插件盘点 (13:32)
- 视频：4-8 Esbuild 的使用教程 (19:03)
- 视频：4-9 Esbuild 插件的开发方式 (20:43)
- 作业：4-10 【任务题】用rollup打包一个vue或者react项目
- 作业：4-11 【讨论题】谈谈你对esbuild未来的预测
第5章Vite插件系统详解【9 节 | 123分钟】
- 视频：5-1 Vite 插件开发概述 (08:58)
- 视频：5-2 Vite 插件的执行时机 (09:22)
- 视频：5-3 Vite 插件 API 详解 (15:22)
- 视频：5-4 HMR-API 详细解析（上） (14:57)
- 视频：5-5 HMR-API 详细解析（下） (17:50)
- 视频：5-6 vite-vue3-jsx 插件概览 (09:49)
- 视频：5-7 vite-vue3-jsx 插件源码解析之配置和产出 (17:44)
- 视频：5-8 vite-vue3-jsx 插件详解之 HMR (18:18)
- 视频：5-9 vite-vue3-jsx 插件解析之 SSR (10:20)
第6章实战Vite插件【11 节 | 135分钟】
- 图文：6-1 【拓展知识】Ast语法树介绍
- 视频：6-2 MDX 语法介绍和插件设计 (08:05)
- 视频：6-3 MDX 的使用以及 mdx-loader 的原理 (16:07)
- 视频：6-4 MDX 如何配合 React 使用 (15:55)
- 视频：6-5 插件 Vue 版本基础实现 (13:45)
- 视频：6-6 Vue3 的 mdx 函数实现 (24:46)
- 视频：6-7 Vite-mdx 插件 vue3 联调 (10:08)
- 视频：6-8 Vite-mdx 插件集成 react (13:59)
- 视频：6-9 Vite-mdx 插件进一步完善 (08:14)
- 视频：6-10 独立开发 vite-mdx 插件并发布到 npm (17:52)
- 视频：6-11 解决发布 vite-mdx 插件的问题 (05:15)
第7章Vite源码解析【10 节 | 139分钟】
- 视频：7-1 Vite 源码解析-目录结构和构建 (11:17)
- 视频：7-2 启动Vite 的 createServer (19:37)
- 视频：7-3 resolveConfig 解析配置过程解析（上） (11:20)
- 视频：7-4 resolveConfig 解析配置过程解析（下） (11:54)
- 视频：7-5 pluginContainer 作用和源码解析 (14:04)
- 视频：7-6 JS 请求处理和模块图谱源码解析 (21:57)
- 视频：7-7 vite-dev-server 中的 HMR 处理 (15:45)
- 视频：7-8 vite 预编译优化源码解析 (25:24)
- 视频：7-9 总结 (06:51)
- 作业：7-10 【任务题】挑选vite的内部plugin，进行源码解析并分享

1 本站名称：疯奇社
2 本站网址：https://www.shiyeluming.com
3 本站不保证资源的完整性，不对其真实性负责。
4 获取资源前务必确认资源目录是否包含本人需求内容，一经购买下载，则视为已确认包含，不接受任何形式的申诉与退款。
5 本站一切资源均来自于互联网，仅供大家学习与参考。如有侵权，请联系站长（QQ：1302982067）进行删除处理。
6 本站一切资源不代表本站立场，不代表本站赞同其观点，本站不对其真实性负责。
7 本站资源大多储存在云盘，如发现链接失效，请联系我们，我们会在第一时间更新。
8 根据 2002 年 1 月 1 日《计算机软件保护条例》规定：为了学习和研究软件内含的设计思想和原理，通过安装、显示、传输或者存储软件等方式使用软件的，可以不经软件著作权人许可，不向其支付报酬！

THE END