dive into webpack - Githubissues

AnnVoV / blog

24 stars 2 forks source link

dive into webpack #28

Open AnnVoV opened 5 years ago

AnnVoV commented 5 years ago

今天看了一个视频： Everything is a plugin! Mastering webpack from the inside out - Sean Larkin https://www.youtube.com/watch?v=4tQiJaFzuJ8 这个作者讲的太好了~~~推荐大家看

下面是我的一些整理 todo:

1.引入webpack compiler 传入webpack 的config 配置文件
2.根据配置找到入口文件，reoslve 解析文件将文件构造成一个个Module实例
3.读取文件内容时：引入babylon,@babel/traverse,@babel/types 遍历文件模块的ast, 查找到我们需要的import require 关键字，标记其为该文件的模块依赖，并将依赖模块再次构造为Module实例
4.如果require或者import 处理的文件符合配置里的test正则，则引入对应的loader 将源码source 交给对应的Loader进行处理
5.最终生成拼接好的代码字符串输出生成函数