重学webpack系列(零) -- 全局概况

前言

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

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

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

如何学习

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

大致目录

重学webpack系列(一) -- 前端模块化的演变历史

重学webpack系列(二) -- webpack解决的问题与实现模块化的具体实践

重学webpack系列(三) -- webpack的loader机制的解读

重学webpack系列(四) -- webpack的plugins机制的解读

重学webpack系列(五) -- webpack的devServer实践与原理

重学webpack系列(六) -- webpack的sourceMap实践与原理

重学webpack系列(七) -- webpack的HMR的实践与原理

重学webpack系列(八) -- webpack的运行机制与工作原理

重学webpack系列(九) -- webpack的高级特性与前端性能优化

重学webpack系列(十) -- webpack与框架的结合实践

重学webpack系列(十一) -- 重学webpack系列终结与展望

最后

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