工程化

本文是webpack5核心流程解析的最后一篇文章，详细分析webpack5生成代码的详细流程，包括module的代码生成，chunk的代码生成，runtime的代码生成等等

深度剖析webpack5的SplitChunksPlugin源码，全流程源码解读，使用具体示例，贯穿整个讲解流程，尽可能讲解每一个源码中的难点

从编译入口->make->seal，然后进行seal阶段整体流程的概述（以流程图和简化代码的形式），然后根据流程图抽离出来的核心模块展开具体的分析

本文是「Webpack5源码」make阶段（流程图）分析的补充文章，大量流程图完美展示整个解析流程，完全值得点进来看一看

从`npm run build`命令开始，将`webpack`编译入口到`make`阶段的所有流程抽离出核心代码形成流程图，然后针对核心代码进行具体的分析

在「vite4源码」dev模式整体流程浅析（一）的文章中，我们已经分析了预构建、请求拦截以及常见的插件源码，在本文中，我们将详细分析vite开发模式下的热更新逻辑，然后进行总结

对vite4开发模式源码进行分析，从本地服务器的创建流程、预构建、middlewares拦截请求资源、热更新流程等4个方面进行源码分析

流程图分析webpack热更新流程，然后以流程图为基础，进行对应的源码分析，涉及到本地服务器和客户端的相关分析以及它们之间的交互