webpack工作流了解

77 阅读1分钟

最近在做公司内部培训,特意了解了下webpack工作流,具体如下:

工作流:

1.配置项解析 => 2.载入内外部插件 => 3.开始解析文件 => 4.应用loader => 5.转AST结构 => 6.再解析引用文件 => 7.递归到步骤3 => 8.chunk分包处理 => 9.组织&吐出文件

逻辑示意图

1.jpg

备注: webpack查询了很多资料,这里推荐主要的两个:

1.webpack官网,如今的官网资料已经很全面详细了

2范文杰的掘金博客,这位大佬似乎就从事这块相关工作,研究很深入