掌握阅读源码的技巧 - 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