课程简介:
Vite 因为其跨前端框架的能力和极其优越的性能,被称为下一代前端构建工具。如果你想在未来几年有更好的发展空间,那么最好尽早学会 Vite。 我们将从如何配置使用入手,深入到Vite的场景、插件以及源码,帮助大家系统掌握 Vite,全面提升对前端构建的认知,更能自行构建项目,为进阶前端架构师打下坚实的基础。
目录:
第1章 Vite 的概要介绍5 节 | 25分钟
本章将向大家介绍什么是 Vite、Vite 的特色,并辅以介绍前端构建工具的发展历史进行对比,帮助同学们对 Vite 有个初步的印象。
视频:1-2 什么是 Vite (07:15)
第2章 Vite 的基础应用9 节 | 111分钟
本章中我们会学习,如何使用 Vite 搭建不同前端框架的项目,如何配置一些常见的功能比如 CSS、静态文件等来达到日常使用的目的。
第3章 Vite 的高级应用10 节 | 118分钟
本章讲解 Vite 的一些高级功能,比如热更新,服务端渲染,集成到 node 服务中等,让同学们在遇到一些特殊情况时也能够得心应手。
第4章 Rollup 系统学习11 节 | 137分钟
Vite 的内核是围绕 Rollup 进行构建,因此,想要更好得理解 Vite 学习 Rollup 是必须的。本章将一起学习 Rollup 的核心应用。
第5章 Vite 插件系统详解9 节 | 123分钟
本章详细介绍 Vite 的插件系统,包括插件能做什么、如何实现的、并通过讲解官方的Vite-Vue3-jsx 插件的源码来讲解 Vite 插件的实现原理。
第6章 实战 Vite 插件11 节 | 135分钟
本章将带领同学们实现一个真实可用的 Vite 插件。应用该插件,可以轻松实现用 MDX语法来写页面,并且可实现主题切换内置组件等功能,让你快速搞定静态页面。
第7章 Vite 源码解析10 节 | 139分钟
本章将带领大家一起来从源码层面真正理解 Vite。我们会从 Vite的 dev server、热更新、如何编译文件这些角度来完整展示 Vite 的核心实现原理,让同学们不仅会用而是真正的理解 Vite