前言
都2022
年了,你该不会觉得只会个Html
、Css
、JavaScript
就能找到一份满意的工作了吧?如果你对前端稍有了解,那你一定会知道React
、Vue
,是现在一枚前端入门所必要的利剑,那光会React
、Vue
表层api
的使用就够了吗?对于初级前端来讲,以前确实是够了,但如今只要是前端面试,那就会涉及到框架底层的问题,所以在这里还是给那些刚入门的或者工作不久的同学提个建议:在做业务开发的同时,还必须要去关注一下框架的底层原理,在这里我推荐两个框架我自己的写的源码解析文章:
这就够了吗?不这还不行,作为前端工程师,最重要的就是要有明确的职业规划,那就是进阶。那如何进阶呢?我们不关注其他的我们还是在框架的层面去深挖,现在企业开发都是用的脚手架一键生成项目模板,这在快速开发的同时会对于开发者来说会少了很多手动配置的东西,难以深入了解前端工程化相关的东西,只是每天重复在业务层面逻辑处理,所以我们首先来关注一下项目的构建层面。本系列主要讲的是vite
的进阶,如果同学们对webpack
感兴趣,不妨可以看看这个系列:重学webpack系列
如何学习
此思维导图为暂定目录,后续可能会补充。
大致目录
一开始这个系列的第一章是介绍的前端模块化的演变历史,不管是webpack,还是vite它们都是构建工具,都是具有模块化思想的,所以两篇文章合在一起了。
前端构建工具vite进阶系列(一) -- vite比webpack的优势与开箱即用
前端构建工具vite进阶系列(二) -- vite的依赖预构建与配置文件相关处理
前端构建工具vite进阶系列(三) -- 静态资源与css模块化的处理
前端构建工具vite进阶系列(四) -- 插件系统让vite变得更强大
前端构建工具vite进阶系列(五) -- vite的热更新(HMR)机制的实践与原理
前端构建工具vite进阶系列(六) -- vite在实际项目中所能带来的性能优化
前端构建工具vite进阶系列(七) -- vite与ts、框架的结合实践
前端构建工具vite进阶系列(八) -- vite本地服务器、esbuild、rollup以及跨域的处理
前端构建工具vite进阶系列(九) -- 总结与展望
最后
文章中有所标注。如果没有标注,可能是本人忘记了,欢迎提醒。文章中如果有笔误或者不正确的解释,也欢迎批评指正,共同进步,欢迎点赞,收藏,关注。