07-尚硅谷-webpack从入门到精通-总结react脚手架

OK，下面呢，我们来分析一下builds这个文件啊，我们打开它在build GS中往下走啊，其实它整体呢和这个study GS呢，其实非常类似，我们可以看一下，首先呢，定义环境变量为production啊，然后接着也是处理异常，然后引入这个V环境变量，对吧？然后呢，接下来呢，就是检查有没有index和index JS文件，没有就推出，然后呢，第二用con factory con factory呢就是那个WiFi cons，然后生成这个生产环境下面的所有的配置，然后呢检查浏览器，然后呢，然后在这里呢，他又检查了之前的打包的这个APP Bill的这个问题大小啊，然后进行对比嘛，成功之后呢，就会去将我们之前的build的这个文件下面的文件呢进行清空啊这个方法。然后呢，再将public下面的文件呢，Copy到我们的build的文件中，然后再开始去真正的构建打包啊，调用build的方法，所以整体呢，Build的方法呢，也是非常简单往下走啊，Build的方法呢，就是调用mypa，将我们之前的配置呢给传进去，生产环境下的配置传进去，生成comp对象，Comp调用run方法就能够去打包了，然后打包生成的一些信息呢，他们最终呢，会通过一些各种方式去格式化，然后输出给我们。

好了，整体就完了，所以整个生产环境大包它其实比开发环境挺简单的啊，我们一起对比一下咱们整体的过程，我们运行的指令呢，主要有啊，开发环境指令和生产环境指令，N PM n PM star和n PM build n PM star的运行的就这个study GS n PM run build呢，就是运行的build d GS，而我们要区分这两环境呢，通常情况下是通过process.unv.Nov这个环境变量来区分好study GS呢，它它加载的配置呢，可能稍微多一点啊，它除了要加载这个生产环境下这个wi派配置呢，还得加载这个低server配置，而其中这个低于server里面又有个pro代底配置呢，是从package中去加载的，这是这个啊，好，然后bills呢，就只需要加载这个PA conages，好，所以他们核心文件呢，都在这个PA cons中，而这里面呢，它又将这些路径啊，单独提取成pass模块，将环境变量呢提成V这个模块，UV模块呢，要从点V文件中去读取一些环境变量，然后最后呢都会。

在WiFi convenis，通过一个DeFine plug这个插件去定义成我们最终可以使用的环境变量，对吧？好，然后呢，最后呢，就是这里面用一些插件啊和样和一些loader啊，可能要在这个page中去加载配置，比如说e loader要加载成E配置，好咱们的post load呢，加载browse sli这个配置，咱们的balo呢，要加载这个bbble的配置啊等。好了，那么这以上呢，就是我们的一个配置了，在RA中呢，整个脚手架呢，就是这个情况，那么通常开发呢，我们都需要把脚手架给代码呢给暴露出来，然后在这基础上呢进行优化，进行调整，那么最终呢才能做得更好，好了，那么以上呢，就是我们的这个脚车架，瑞脚车架，那么大家呢，可以自己打开看一看啊，自己亲自去体验一下这里面的配置，那么其实你仔细花点时间你也能够搞清楚好了，那么我们这个re叫车项呢，就到此为止了。