dive into webpack

[AnnVoV]

今天看了一个视频： 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.最终生成拼接好的代码字符串输出生成函数