吾爱编程

标题: Vite 从入门到精通，玩转新时代前端构建法则百度网盘百度云 [打印本页]

作者: admin 时间: 2021-8-9 21:46
标题: 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

本课程持续更新中

下载地址：

作者: king_hua 时间: 2021-8-9 22:35
啥也不说了，楼主就是给力！支持吾爱编程网！

作者: 361556977 时间: 2021-8-10 11:26
哥顶的不是帖子，是寂寞！支持吾爱编程网！

作者: china_wenya 时间: 2021-8-10 16:23
哥顶的不是帖子，是寂寞！支持吾爱编程网！

作者: mouss 时间: 2021-8-10 21:48
看帖看完了至少要顶一下，还可以加入到淘帖哦！支持吾爱编程网！

作者: rover99x 时间: 2021-8-10 23:46
膜拜神贴，后面的请保持队形~支持吾爱编程网！

作者: 流年666 时间: 2021-8-11 11:47
看了LZ的帖子，我只想说一句很好很强大！支持吾爱编程网！

作者: wangjihaoma 时间: 2021-8-11 14:04
支持一个的说~~~~~~~~~~~~~

作者: gogery 时间: 2021-8-11 18:08
看帖看完了至少要顶一下，还可以加入到淘帖哦！支持吾爱编程网！

作者: livesageacc 时间: 2021-8-11 22:29
看帖看完了至少要顶一下，还可以加入到淘帖哦！支持吾爱编程网！

作者: xdnk7889 时间: 2021-8-12 15:56
看帖看完了至少要顶一下，还可以加入到淘帖哦！支持吾爱编程网！

作者: pudi2018 时间: 2021-8-13 14:05
Vite 从入门到精通，玩转新时代前端构建法则

作者: 7758258 时间: 2021-8-13 14:31
啥也不说了，楼主就是给力！支持吾爱编程网！

作者: zhouxinpu 时间: 2021-8-15 08:46
啥也不说了，楼主就是给力！支持吾爱编程网！

作者: Breeze 时间: 2021-8-15 08:55
啥也不说了，楼主就是给力！支持吾爱编程网！

作者: davyy 时间: 2021-8-15 17:58
看帖看完了至少要顶一下，还可以加入到淘帖哦！支持吾爱编程网！

作者: keke12300 时间: 2021-8-15 22:54
不管你信不信，反正我是信了。支持吾爱编程网！

作者: kdzhao 时间: 2021-8-21 09:39
不管你信不信，反正我是信了。支持吾爱编程网！

作者: ping 时间: 2021-8-24 16:27
666666666666666666666666666

作者: gogogogl 时间: 2021-8-25 08:41
膜拜神贴，后面的请保持队形~支持吾爱编程网！

作者: farewell02 时间: 2021-9-9 14:20
膜拜神贴，后面的请保持队形~支持吾爱编程网！

作者: a1290565546 时间: 2021-9-13 08:59
不管你信不信，反正我是信了。支持吾爱编程网！

作者: kaikaijiushiwo 时间: 2021-9-13 11:09
啥也不说了，楼主就是给力！支持吾爱编程网！

作者: goodhzy 时间: 2021-10-2 15:57
更新完整了吗

作者: 情节此起彼伏丶 时间: 2021-10-26 11:58
看了LZ的帖子，我只想说一句很好很强大！支持吾爱编程网！

作者: snipe 时间: 2021-11-3 09:57
看了LZ的帖子，我只想说一句很好很强大！支持吾爱编程网！

作者: lidingkang 时间: 2021-11-12 15:28
不管你信不信，反正我是信了。支持吾爱编程网！

作者: 1714793266 时间: 2021-11-19 08:32
啥也不说了，楼主就是给力！支持吾爱编程网！

作者: zsd920514 时间: 2021-11-22 15:12
啥也不说了，楼主就是给力！支持吾爱编程网！

作者: silent 时间: 2021-12-20 10:14
啥也不说了，楼主就是给力！支持吾爱编程网！

作者: 2947220047 时间: 2022-3-24 15:34
哥顶的不是帖子，是寂寞！支持吾爱编程网！

作者: xiao1688 时间: 2022-5-8 18:11
看了LZ的帖子，我只想说一句很好很强大！支持吾爱编程网！

作者: itwoaini 时间: 2022-7-3 11:52
啥也不说了，楼主就是给力！支持吾爱编程网！

作者: monk99_1 时间: 2022-7-4 09:18
看了LZ的帖子，我只想说一句很好很强大！支持吾爱编程网！

作者: henry_it 时间: 2022-9-20 12:16
啥也不说了，楼主就是给力！支持吾爱编程网！

作者: pythonSpider 时间: 2022-11-7 16:07
膜拜神贴，后面的请保持队形~支持吾爱编程网！

作者: whl12345678 时间: 2023-12-27 20:55
看帖看完了至少要顶一下，还可以加入到淘帖哦！支持吾爱编程网！

欢迎光临吾爱编程 (http://www.52pg.net/)