mini-webpack

各种类型的template将通过分支的方式添加进来

更详细的讲解见文章:

mini-webpack

掘金 mini-webpack

Includes

• TypeScript@4.7.4
• build (Rollup@2.77)
• test (vitest@0.22)

todo

• 制作依赖图
  • 提取依赖
    • 获取文件内容
    • 生成抽象语法树
    • 通过抽象语法树来生成依赖信息
    • 对代码进行 import 转 require
  • 对依赖进行平铺
• 合成结果
  • 模板
    • 模板的包装方案
    • require 的手动实现
• 写入文件
• Loader
• Plugin

Get started

1. 运行build

pnpm run-build

2. 查看build/index.js

这个文件就是刚才通过build生成的文件

3. 测试代码运行

进入 example 目录运行index.html查看刚才的代码执行效果