23-尚硅谷-webpack从入门到精通-自定义webpack：工作流程介绍

下面呢就是我们本节课的一个主要内容，也是主要重点就是自定写一个小型的外派，好，那么在写之前呢，我们需要先搞清楚一下外派D的一个执行流程啊，那么执行流程呢，我们会以以这个瑞R脚手架为例来去大概看一下，大概观测一下，打开瑞R脚手架呢，我们呢可以运行的生产环境制定，当然呢，我们不真的运行啊，那么实际运行生产环境制定呢，前面也讲过，它运行的是scripts里面的这个build JS这个文件，那么在build JS文件中呢，它主要做这些是它呢会引入这个wepa，同时呢还会啊啊引入我们con factory con factory呢实际上就是外派con GS就是我们WiFi的配置文件，而con factory是个函数，这个函数一旦调用传一个啊参数，就能得到相应参数对应的这个外派配置了，那么它传的是production，所以得到是生产环境配置，OK，然后最后呢，它会调用。

用一个方法叫做build往下走，Build的方法，在build的方法内部呢，它会去调用我们的PA这个方法函数，得到我们想要的传入啊，并且传入一个我们刚刚生成的这个生产环境的WiFi配置的一个对象，得到一个comp对象，最终调样的点run方法就可以执行运行了，所以呢，它首先呢会去啊初始化一个很拍的对象。调用wi派D初始化comp的对象，然后呢，去开始去运行编译对吧，运行编译的时候呢，接下来啊，它就会去我们的这个wi派S里面来看啊，派里面的entry啊，Entry里面找到我们派的这个入口。入口文件，诶当然主要是这个index JS对吧？那么就会从这个inex GS为入口开始去打包，打包的时候啊，就会调用我们的这些来说一下啊，我们呢，有这些loads配置，诶下面有一大堆loads配置，那么就会对这个相应的文件呢进行处理，进行编译，编译完成之后呢，再通过这个文入口文件呢，找到它的一些依赖的模块，然后对依赖模块呢再进行递归编译，诶找到每一个依赖模块，再动使用load去处理，然后再找到依赖的依赖，再使用罗德中力再找到依赖的依赖，啊以此类推，直到呢，所有依赖呢全部被架在现代，并且编译好。

对吧，然后并且呢，它内部呢，会生成一个依赖关系图啊，每一个依赖呢，它对应的一些代码啊，以及它相关的文件路径等等，好这一块呢，就是去编译模板了，等编译完模板之后呢，它就会确认好我们的各个模块之间的一个联系，最终呢，生成一个个打包出来的一个串口，再把每一个串口呢，根据依赖关系呢，整合成相应的文件，最终呢添加到输出列表中，好一旦添加输出列表呢，最后呢，就会通过文件系统FS模块将我们输入列表那些文件呢，一个一个接一个的输出出去，所以最终呢我们看到效果，所以整个过程呢，就是一个打包的过程啊。

好了，那么这个论程呢，我其实在这个零五这里已经写好了这个read me啊，大家呢，可以在这个文件中呢去看一看，好，那么下一章节呢，我们就会以这个基本的啊一个步骤啊，我们呢也去开发一个小型的pad。