关于vite:Vite-从入门到精通玩转新时代前端构建法则

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

超清原画 残缺无密 下载地址：网盘下载
Vite 因为其跨前端框架的能力和极其优越的性能，被称为下一代前端构建工具。如果你想在将来几年有更好的倒退空间，那么最好尽早学会 Vite。咱们将从如何配置应用动手，深刻到 Vite 的场景、插件以及源码，帮忙大家零碎把握 Vite，全面晋升对前端构建的认知，更能自行构建我的项目，为进阶前端架构师打下松软的根底。

适宜人群
想要学习前端构建的开发者
想要进阶前端架构的从业者
技术储备
理解根底的 HTTP 申请
接触过 Vue 或 React 等框架，理解 Node.js 更佳

章节目录：
第 1 章 Vite 的概要介绍 试看 3 节 | 25 分钟
本章将向大家介绍什么是 Vite、Vite 的特色，并辅以介绍前端构建工具的倒退历史进行比照，帮忙同学们对 Vite 有个初步的印象。

收起列表
视频：
1-1 对于课程你须要理解的都在这里 (08:44)
试看
视频：
1-2 什么是 Vite (07:15)
视频：
1-3 Vite 比照其余构建工具的劣势 (08:52)
第 2 章 Vite 的根底利用 试看 9 节 | 111 分钟
本章中咱们会学习，如何应用 Vite 搭建不同前端框架的我的项目，如何配置一些常见的性能比方 CSS、动态文件等来达到日常应用的目标。

收起列表
视频：
2-1 Vite 的劣势 (10:22)
视频：
2-2 Vite 创立 Vue3 我的项目 (12:22)
视频：
2-3 Vite 创立 Vue2 的我的项目 (08:30)
视频：
2-4 Vite 创立 React 的我的项目 (07:21)
视频：
2-5 Vite 中应用 CSS 的各种性能 (15:47)
试看
视频：
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 的高级利用 试看 8 节 | 118 分钟
本章解说 Vite 的一些高级性能，比方热更新，服务端渲染，集成到 node 服务中等，让同学们在遇到一些非凡状况时也可能得心应手。

收起列表
视频：
3-1 Vite 中的 HMR 热更新性能 (14:02)
视频：
3-2 Vite 的 glob-import 批量导入性能 (10:18)
视频：
3-3 Vite 性能揭秘 — 预编译优化 (11:35)
试看
视频：
3-4 在非 Node 服务中集成 Vite (18:17)
视频：
3-5 Nodejs 集成 Vite 开发时的 SSR (16:39)
视频：
3-6 Node 集成正式 build 的 Vite 利用的 SSR (15:12)
视频：
3-7 通过 SSR 性能实现动态站点导出 (11:54)
视频：
3-8 Vite 配置项一览 (19:55)
第 4 章 Rollup 零碎学习 8 节 | 137 分钟
Vite 的内核是围绕 Rollup 进行构建，因而，想要更好得了解 Vite 学习 Rollup 是必须的。本章将一起学习 Rollup 的外围利用。

收起列表
视频：
4-1 Rollup 介绍 (10:36)
视频：
4-2 Rollup 的命令行应用 (19:37)
视频：
4-3 Rollup 配置文件应用 (18:38)
视频：
4-4 Rollup 插件性能解析（上）(14:59)
视频：
4-5 Rollup 插件性能解析（下）(19:28)
视频：
4-6 Rollup 罕用插件盘点 (13:32)
视频：
4-7 Esbuild 的应用教程 (19:03)
视频：
4-8 Esbuild 插件的开发方式 (20:43)
第 5 章 Vite 插件零碎详解 9 节 | 123 分钟
本章具体介绍 Vite 的插件零碎，包含插件能做什么、如何实现的、并通过解说官网的 Vite-Vue3-jsx 插件的源码来解说 Vite 插件的实现原理。

收起列表
视频：
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 插件 10 节 | 135 分钟
本章将率领同学们实现一个实在可用的 Vite 插件。利用该插件，能够轻松实现用 MDX 语法来写页面，并且可实现主题切换内置组件等性能，让你疾速搞定动态页面。

收起列表
视频：
6-1 MDX 语法介绍和插件设计 (08:05)
视频：
6-2 MDX 的应用以及 mdx-loader 的原理 (16:07)
视频：
6-3 MDX 如何配合 React 应用 (15:55)
视频：
6-4 插件 Vue 版本根底实现 (13:45)
视频：
6-5 Vue3 的 mdx 函数实现 (24:46)
视频：
6-6 Vite-mdx 插件 vue3 联调 (10:08)
视频：
6-7 Vite-mdx 插件集成 react (13:59)
视频：
6-8 Vite-mdx 插件进一步欠缺 (08:14)
视频：
6-9 独立开发 vite-mdx 插件并公布到 npm (17:52)
视频：
6-10 解决公布 vite-mdx 插件的问题 (05:15)
第 7 章 Vite 源码解析
本章将率领大家一起来从源码层面真正了解 Vite。咱们会从 Vite 的 dev server、热更新、如何编译文件这些角度来残缺展现 Vite 的外围实现原理，让同学们不仅会用而是真正的了解 Vite

本课程继续更新中