前端构建工具vite进阶系列(零) -- 全局概况

前言

都2022年了，你该不会觉得只会个Html、Css、JavaScript就能找到一份满意的工作了吧？如果你对前端稍有了解，那你一定会知道React、Vue，是现在一枚前端入门所必要的利剑，那光会React、Vue表层api的使用就够了吗？对于初级前端来讲，以前确实是够了，但如今只要是前端面试，那就会涉及到框架底层的问题，所以在这里还是给那些刚入门的或者工作不久的同学提个建议：在做业务开发的同时，还必须要去关注一下框架的底层原理，在这里我推荐两个框架我自己的写的源码解析文章：

• Vue2.5.1和3.0源码解析系列：链接
• React17.0.2源码解析系列：链接

这就够了吗？不这还不行，作为前端工程师，最重要的就是要有明确的职业规划，那就是进阶。那如何进阶呢？我们不关注其他的我们还是在框架的层面去深挖，现在企业开发都是用的脚手架一键生成项目模板，这在快速开发的同时会对于开发者来说会少了很多手动配置的东西，难以深入了解前端工程化相关的东西，只是每天重复在业务层面逻辑处理，所以我们首先来关注一下项目的构建层面。本系列主要讲的是vite的进阶，如果同学们对webpack感兴趣，不妨可以看看这个系列：重学webpack系列

如何学习

此思维导图为暂定目录，后续可能会补充。

大致目录

一开始这个系列的第一章是介绍的前端模块化的演变历史，不管是webpack，还是vite它们都是构建工具，都是具有模块化思想的，所以两篇文章合在一起了。

前端构建工具vite进阶系列(一) -- vite比webpack的优势与开箱即用

前端构建工具vite进阶系列(二) -- vite的安装与基本使用

前端构建工具vite进阶系列(三) -- vite的plugins的配置与使用

前端构建工具vite进阶系列(四) -- vite的依赖预构建

前端构建工具vite进阶系列(五) -- vite的静态资源的处理

前端构建工具vite进阶系列(六) -- vite的HMR的实践

前端构建工具vite进阶系列(七) -- vite的部署相关

前端构建工具vite进阶系列(八) -- vite与框架的结合实践

前端构建工具vite进阶系列(九) -- vite的前端性能优化

前端构建工具vite进阶系列(十) -- 总结与展望

最后

文章中有所标注。如果没有标注，可能是本人忘记了，欢迎提醒。文章中如果有笔误或者不正确的解释，也欢迎批评指正，共同进步，欢迎点赞，收藏，关注。