重学webpack系列(零) -- 全局概况
前言
都2022
年了,你该不会觉得只会个Html
、Css
、JavaScript
就能找到一份满意的工作了吧?如果你对前端稍有了解,那你一定会知道React
、Vue
,是现在一枚前端入门所必要的利剑,那光会React
、Vue
表层api
的使用就够了吗?对于初级前端来讲,以前确实是够了,但如今只要是前端面试,那就会涉及到框架底层的问题,所以在这里还是给那些刚入门的或者工作不久的同学提个建议:在做业务开发的同时,还必须要去关注一下框架的底层原理,在这里我推荐两个框架我自己的写的源码解析文章:
这就够了吗?不这还不行,作为前端工程师,最重要的就是要有明确的职业规划,那就是进阶。那如何进阶呢?我们不关注其他的我们还是在框架的层面去深挖,现在企业开发都是用的脚手架一键生成项目模板,这在快速开发的同时会对于开发者来说会少了很多手动配置的东西,难以深入了解前端工程化相关的东西,只是每天重复在业务层面逻辑处理,所以我们首先来关注一下项目的构建层面。国内最常用的工具就是webpack
,所以本系列就跟大家一起重新学习一遍webpack
吧。当然vite
也是近几年的构建工具的新秀,同学们可以看这个系列:前端构建工具vite进阶系列
如何学习
此思维导图为暂定目录,后续可能会补充。
大致目录
重学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系列终结与展望
最后
文章中有所标注。如果没有标注,可能是本人忘记了,欢迎提醒。文章中如果有笔误或者不正确的解释,也欢迎批评指正,共同进步,欢迎点赞,收藏,关注。
转载自:https://juejin.cn/post/7144275083370954789