站点工具

用户工具


掌握阅读源码的技巧 - Webpack 篇

高级前端面试中经常有这么几道题:

  1. 说一说 loader和 plugin 的区别
  2. webpack 构建流程是怎样的
  3. 编写 webpack loader 的思路
  4. 编写 webpack plugin 的思路

网上能搜到一些答案,但是这些答案我一一看过了,要么过于肤浅留于表面,要么冗长繁杂难以卒读。

如果面试岗位的工资是 20k 以上,面试官必定会追问到更深层次。

因此,我花了一个星期把 Webpack 5 的源码逐行扫了一遍,理出了主要脉络。整个阅读过程我录制成了视频,,总时长不到 3 小时,但把 Webpack 的整体架构、打包思路、loader 实现思路、plugin 实现思路、parser 运行流程等都讲到了,最重要的是,通过视频你会掌握「阅读源码的技巧」。

如果你还不会读源码,或者你想深入了解 Webpack,这门课程将非常适合你。

https://link.zhihu.com/?target=https%3A//xiedaimala.com/courses/32694a1c-6f3b-4e3a-b36d-e55a6c1d74a6/random/c930a7592b%23/common

今年,我将研读更多前端项目源码并做成新的视频课程,敬请期待。

如果有什么开源项目的源码是你想了解的,欢迎留言。

完。

饥人谷一直致力于培养有灵魂的编程者,打造专业有爱的国内前端技术圈子。如造梦师一般帮助近千名不甘寂寞的追梦人把编程梦变为现实,他们以饥人谷为起点,足迹遍布包括facebook、阿里巴巴、百度、网易、京东、今日头条、大众美团、饿了么、ofo在内的国内外大小企业。 了解培训课程:加微信 xiedaimala03,官网:https://jirengu.com

若愚 · 2023/02/08 19:09 · 掌握阅读源码的技巧_-_webpack_篇.txt