手写一个简易版的webpack

    技术2025-05-15  60

    具体的实现步骤

    获取模块内容分析模块内容(安装@babel/parser包)对模块内容处理递归所有模块生成最终代码

    1.获取模块内容

    2.分析模块内容(安装@babel/parser包)

          babel/parser帮助我们把代码生成一个js对象

    3.对模块内容处理

          安装@babel/traverse包(遍历AST)       安装@babel/core和@babel/preset-env包(ES6转ES5)       把前面生成的东西全部放到一个对象moduleInfo里面,并把它从getModuleInfo里面return出去:

    4.递归所有模块。递归的去调用依赖文件,并返回一个对象depsGraph

    5.生成最终的代码

          怎么把所有的文件打包之后形成一个文件?通过require方法,原理就是递归的方式不停的调用自己。

    Processed: 0.010, SQL: 9