
Vite从入门到精通,玩转新时代前端构建法则
内容简介
Vite 因为其跨前端框架的能力和极其优越的性能,被称为下一代前端构建工具。如果你想在未来几年有更好的发展空间,那么最好尽早学会 Vite。 我们将从如何配置使用入手,深入到Vite的场景、插件以及源码,帮助大家系统掌握 Vite,全面提升对前端构建的认知,更能自行构建项目,为进阶前端架构师打下坚实的基础。
资源目录
——/计算机教程/01MOOC/071-523-Vite从入门到精通,玩转新时代前端构建法则(完结)/
第1章 Vite 的概要介绍
1-1 关于课程你需要了解的都在这里.mp4 17.40M
1-2 什么是 Vite.mp4 19.80M
1-3 Vite 对比其他构建工具的优势.mp4 24.52M
1-4 [讨论题]谈谈你对于构建工具得认识.png 58.31kb
readme.md 0.18kb
第2章 Vite 的基础应用
2-1 Vite 的优势 .mp4 29.01M
2-2 Vite 创建 Vue3 项目 .mp4 36.48M
2-3 Vite 创建 Vue2 的项目 .mp4 34.33M
2-4 Vite 创建 React 的项目 .mp4 18.14M
2-5 Vite 中使用 CSS 的各种功能 .mp4 47.31M
2-6 Vite 中使用 Typescript .mp4 72.30M
2-7 Vite 中处理静态资源的方法 .mp4 43.76M
2-8 Vite 集成 eslint 和 prettier .mp4 52.27M
2-9 Vite 中得 env 环境变量 .mp4 34.41M
第3章 Vite 的高级应用
3-10 [任务题]使用vite更新一个你的现有项目 .png 46.34kb
3-2 Vite 中的 HMR 热更新功能 .mp4 35.42M
3-3 Vite 的 glob-import 批量导入功能 .mp4 49.38M
3-4 Vite 性能揭秘预编译优化 .mp4 45.91M
3-5 在非 Node 服务中集成 Vite .mp4 55.48M
3-6 Nodejs 集成 Vite 开发时的 SSR .mp4 75.34M
3-7 Node 集成正式 build 的 Vite 应用的 SSR .mp4 70.76M
3-8 通过 SSR 功能实现静态站点导出 .mp4 53.55M
3-9 Vite 配置项一览 .mp4 85.37M
readme .md 0.18kb
第4章 Rollup 系统学习
4-1 Rollup 介绍 .mp4 25.99M
4-10 [任务题]用rollup打包一个vue或者react项目 .png 43.62kb
4-11 [讨论题]谈谈你对esbuild未来的预测 .png 41.81kb
4-2 [知识拓展]ES Module详解 .jpg 1019.83kb
4-3 Rollup 的命令行使用 .mp4 101.80M
4-4 Rollup 配置文件使用 .mp4 86.06M
4-5 Rollup 插件功能解析(上) .mp4 60.31M
4-6 Rollup 插件功能解析(下) .mp4 118.63M
4-7 Rollup 常用插件盘点 .mp4 67.80M
4-8 Esbuild 的使用教程 .mp4 94.16M
4-9 Esbuild 插件的开发方式 .mp4 97.46M
第5章 Vite 插件系统详解
5-1 Vite 插件开发概述 .mp4 13.92M
5-2 Vite 插件的执行时机 .mp4 26.85M
5-3 Vite 插件 API 详解 .mp4 78.41M
5-4 HMR-API 详细解析(上) .mp4 43.36M
5-5 HMR-API 详细解析(下) .mp4 69.04M
5-6 vite-vue3-jsx 插件概览 .mp4 43.86M
5-7 vite-vue3-jsx 插件源码解析之配置和产出 .mp4 103.19M
5-8 vite-vue3-jsx 插件详解之 HMR .mp4 114.42M
5-9 vite-vue3-jsx 插件解析之 SSR .mp4 83.82M
第6章 实战 Vite 插件
6-1 [拓展知识]Ast语法树介绍 .jpg 716.36kb
6-10 独立开发 vite-mdx 插件并发布到 npm .mp4 102.03M
6-11 解决发布 vite-mdx 插件的问题 .mp4 25.70M
6-2 MDX 语法介绍和插件设计 .mp4 18.15M
6-3 MDX 的使用以及 mdx-loader 的原理 .mp4 67.52M
6-4 MDX 如何配合 React 使用 .mp4 81.72M
6-5 插件 Vue 版本基础实现 .mp4 71.82M
6-6 Vue3 的 mdx 函数实现 .mp4 142.23M
6-7 Vite-mdx 插件 vue3 联调 .mp4 53.44M
6-8 Vite-mdx 插件集成 react .mp4 80.58M
6-9 Vite-mdx 插件进一步完善 .mp4 43.82M
第7章 Vite 源码解析
7-1 Vite 源码解析-目录结构和构建 .mp4 75.88M
7-10 [任务题]挑选vite的内部plugin,进行源码解析并分享 .png 98.17kb
7-2 启动Vite 的 createServer .mp4 149.34M
7-3 resolveConfig 解析配置过程解析(上) .mp4 93.99M
7-4 resolveConfig 解析配置过程解析(下) .mp4 96.82M
7-5 pluginContainer 作用和源码解析 .mp4 99.23M
7-6 JS 请求处理和模块图谱源码解析 .mp4 138.55M
7-7 vite-dev-server 中的 HMR 处理 .mp4 90.59M
7-8 vite 预编译优化源码解析 .mp4 164.80M
7-9 总结 .mp4 38.96M
资料
vite-main .zip 2.44M
vite-vue3-master .zip 69.91kb