课程介绍

《Vite从入门到精通，玩转新时代前端构建法则》是一门旨在帮助前端开发者掌握Vite构建工具的课程。Vite是一款由Vue.js的作者尤雨溪开发的新一代前端构建工具，它具有快速启动、快速热重载和快速冷重载等特点，可以极大地提升前端开发的效率。

这门课程从入门到精通的学习路径，帮助学员逐步了解Vite的基本概念和使用方法，以及如何在实际项目中应用Vite进行前端构建。课程内容包括以下几个方面：

1. Vite的基本概念和原理：介绍Vite的背景和设计理念，帮助学员了解Vite相对于传统构建工具的优势和特点。
2. Vite的安装和配置：讲解如何安装Vite，并介绍Vite的配置文件和相关插件的使用方法。
3. Vite的开发环境：学习如何使用Vite进行开发环境的搭建，包括启动开发服务器、热重载和模块热替换等功能的使用。
4. Vite的生产环境：介绍如何使用Vite进行生产环境的构建和优化，包括代码压缩、静态资源处理和代码分割等技术。
5. Vite与其他工具的结合：探讨Vite与其他前端工具（如Vue.js、React等）的结合使用，以及如何在实际项目中应用Vite进行前端构建。

通过学习这门课程，学员将能够深入理解Vite的原理和使用方法，掌握Vite在前端开发中的应用技巧，并能够灵活运用Vite构建工具提升前端开发的效率和质量。

课程目录

/【imooc-523】Vite从入门到精通，玩转新时代前端构建法则（完结）/
│├─第1章 Vite 的概要介绍
│├─第2章 Vite 的基础应用
│├─第3章 Vite 的高级应用
│├─第4章 Rollup 系统学习
│├─第5章 Vite 插件系统详解
│├─第6章 实战 Vite 插件
│├─第7章 Vite 源码解析
│├─资料

详细目录

第1章 Vite 的概要介绍/
│├─1-1 关于课程你需要了解的都在这里.mp4 17.4MB
│├─1-2 什么是 Vite.mp4 19.8MB
│├─1-3 Vite 对比其他构建工具的优势.mp4 24.5MB
│├─1-4 【讨论题】谈谈你对于构建工具得认识.png 58.3KB
第2章 Vite 的基础应用/
│├─2-1 Vite 的优势 .mp4 29MB
│├─2-2 Vite 创建 Vue3 项目 .mp4 36.5MB
│├─2-3 Vite 创建 Vue2 的项目 .mp4 34.3MB
│├─2-4 Vite 创建 React 的项目 .mp4 18.1MB
│├─2-5 Vite 中使用 CSS 的各种功能 .mp4 47.3MB
│├─2-6 Vite 中使用 Typescript .mp4 72.3MB
│├─2-7 Vite 中处理静态资源的方法 .mp4 43.8MB
│├─2-8 Vite 集成 eslint 和 prettier .mp4 52.3MB
│├─2-9 Vite 中得 env 环境变量 .mp4 34.4MB
第3章 Vite 的高级应用/
│├─3-10 【任务题】使用vite更新一个你的现有项目 .png 46.3KB
│├─3-2 Vite 中的 HMR 热更新功能 .mp4 35.4MB
│├─3-3 Vite 的 glob-import 批量导入功能 .mp4 49.4MB
│├─3-4 Vite 性能揭秘—预编译优化 .mp4 45.9MB
│├─3-5 在非 Node 服务中集成 Vite .mp4 55.5MB
│├─3-6 Nodejs 集成 Vite 开发时的 SSR .mp4 75.3MB
│├─3-7 Node 集成正式 build 的 Vite 应用的 SSR .mp4 70.8MB
│├─3-8 通过 SSR 功能实现静态站点导出 .mp4 53.6MB
│├─3-9 Vite 配置项一览 .mp4 85.4MB
│├─readme .md 184byte
第4章 Rollup 系统学习/
│├─4-1 Rollup 介绍 .mp4 26MB
│├─4-10 【任务题】用rollup打包一个vue或者react项目 .png 43.6KB
│├─4-11 【讨论题】谈谈你对esbuild未来的预测 .png 41.8KB
│├─4-2 【知识拓展】ES Module详解 .jpg 1019.8KB
│├─4-3 Rollup 的命令行使用 .mp4 101.8MB
│├─4-4 Rollup 配置文件使用 .mp4 86.1MB
│├─4-5 Rollup 插件功能解析（上） .mp4 60.3MB
│├─4-6 Rollup 插件功能解析（下） .mp4 118.6MB
│├─4-7 Rollup 常用插件盘点 .mp4 67.8MB
│├─4-8 Esbuild 的使用教程 .mp4 94.2MB
│├─4-9 Esbuild 插件的开发方式 .mp4 97.5MB
第5章 Vite 插件系统详解/
│├─5-1 Vite 插件开发概述 .mp4 13.9MB
│├─5-2 Vite 插件的执行时机 .mp4 26.9MB
│├─5-3 Vite 插件 API 详解 .mp4 78.4MB
│├─5-4 HMR-API 详细解析（上） .mp4 43.4MB
│├─5-5 HMR-API 详细解析（下） .mp4 69MB
│├─5-6 vite-vue3-jsx 插件概览 .mp4 43.9MB
│├─5-7 vite-vue3-jsx 插件源码解析之配置和产出 .mp4 103.2MB
│├─5-8 vite-vue3-jsx 插件详解之 HMR .mp4 114.4MB
│├─5-9 vite-vue3-jsx 插件解析之 SSR .mp4 83.8MB
第6章 实战 Vite 插件/
│├─6-1 【拓展知识】Ast语法树介绍 .jpg 716.4KB
│├─6-10 独立开发 vite-mdx 插件并发布到 npm .mp4 102MB
│├─6-11 解决发布 vite-mdx 插件的问题 .mp4 25.7MB
│├─6-2 MDX 语法介绍和插件设计 .mp4 18.1MB
│├─6-3 MDX 的使用以及 mdx-loader 的原理 .mp4 67.5MB
│├─6-4 MDX 如何配合 React 使用 .mp4 81.7MB
│├─6-5 插件 Vue 版本基础实现 .mp4 71.8MB
│├─6-6 Vue3 的 mdx 函数实现 .mp4 142.2MB
│├─6-7 Vite-mdx 插件 vue3 联调 .mp4 53.4MB
│├─6-8 Vite-mdx 插件集成 react .mp4 80.6MB
│├─6-9 Vite-mdx 插件进一步完善 .mp4 43.8MB
第7章 Vite 源码解析/
│├─7-1 Vite 源码解析-目录结构和构建 .mp4 75.9MB
│├─7-10 【任务题】挑选vite的内部plugin，进行源码解析并分享 .png 98.2KB
│├─7-2 启动Vite 的 createServer .mp4 149.3MB
│├─7-3 resolveConfig 解析配置过程解析（上） .mp4 94MB
│├─7-4 resolveConfig 解析配置过程解析（下） .mp4 96.8MB
│├─7-5 pluginContainer 作用和源码解析 .mp4 99.2MB
│├─7-6 JS 请求处理和模块图谱源码解析 .mp4 138.5MB
│├─7-7 vite-dev-server 中的 HMR 处理 .mp4 90.6MB
│├─7-8 vite 预编译优化源码解析 .mp4 164.8MB
│├─7-9 总结 .mp4 39MB
资料/
│├─vite-main .zip 2.4MB
│├─vite-vue3-master .zip 69.9KB