likes
comments
collection
share

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

作者站长头像
站长
· 阅读数 20

前言

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

  • Vue2.5.13.0源码解析系列:链接
  • React17.0.2源码解析系列:链接

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

如何学习

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

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

大致目录

重学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系列终结与展望

最后

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