最近在学习 webpack源码,由于源码比较复杂,就先梳理了一下整体流程,就参考官网的例子,手写一个最基本的 webpack 模块解析器。 代码很少,github地址:手写webpack模块解析器 整体流程分析 1、读取入口文件。 2、将内容转换成 ast 语法树。 3、深度遍历语法树,找到所有的依赖,并加入到一个数组中。 4、将 ast 代码转换回可执行的 js 代码。 5、编写 require 函数,根据入口文件,自动执行完所有的依赖。 6、输出运行结果。 createAsset // 读取内容并提取它的依赖关系 function createAsset(filename) {