「万字解析」300行代码梳理webpack核心工作流源码，从工程化出发，真正搞懂webpack背后打包机制。带你走进webpack生态开发的世界，真正对应用webpack了然于胸。

在我刚学会配置webpack的时候，用webpack打包出来的文件也曾想去读一读看一看，但是自己内心误以为会很难懂，所以直接放弃了，如今在回过头，其实并不难。用我的一句话总结就是：使用nodejs的fs模块来读取文件内容并创造出一个‘路径-代码块’的map，然后写进一个js文件…

Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家一点一点的消灭心魔。

另外可以发现并不是一个 token 对应一个 Node，等号左右必须都有值才能组成一个声明语句，否则会作出警告，这就是 eslint 的基本原理。最后所有的 Node 组合在一起就形成了 AST 语法树 通过 @babel/traverse 我们能够轻松的找到 await 表达…