11-尚硅谷-webpack从入门到精通-vue生产环境配置

好，接下来呢，我们的一个生产环境的配置，我们打开这个ipad pd.gs这文件，同样呢，我们把它改一下，防止它报错，model.exp报露出去，那么就可以防止报错了，同时我们将整个这个文件呢进行修改啊，替换成po OK，替换成斜杠，替换成斜拉，那么这里呢，我们就能看到了，好在生产环境下呢，我们能看到它多了选项DB tool或s map啊，对吧，那么我们生产环境呢，还是需要一些s map文件，而开发环境呢，实际上它是不需要的啊，一般是可以可以不需要，当然需要也行啊好，那么s map呢，其实这里有问题，就是它会影响我们打包速度啊打包速度，所以呢，生产环境下呢，其实打包速度慢一点，其实能接受啊一对吧，因为毕竟我们一般来讲只要生成一次到开发环境下呢，如果你添加S索标文件的，实际上打包速度会受到比较大的影响。好，输叔呢将到很踏来做这个啊，我们想要的这个相应的这个缓存，世界缓存，那么这两个配置呢，和开发环境一致，Tens modu和so not都是一样的，好，下面解析的时候呢，其实也差不多啊，解析呢，我们的这个相应的view文件呢，会使用cano和window进行啊，配合梳理啊，配合梳理解析相应的密文件。

好，图片呢，也是使用的UR load的进行处理，配置一样，那么SVG呢，使用file的进行处理啊不不进行转换啊，那么其他的文件呢，我还是用UR的处理，那么再往下走，自己图标呢，也是用UR的处理，那么PA呢，一样呢，分为两部分啊去处理。怕啊，模板引擎，然后呢，样式文件呢，其实处理方式一样啊，是不同的，是呢，就是它这里面呢，会使用mini s这个插件去将样式呢提取它的文件，而不是再用new style load了，其他方式呢，基本一致。啊，所以呢，也没什么看的啊，其实配置呢，其实都差不多啊，所以我们没必要去一个个去逛啊。好样是文件学过完了，下面呢，就是我们的一个处理我们的JS文件了啊，JS文件呢，它使用blo去处理，那不同的是呢，它在这里面通过threelo对吧，进行多线程打包，从而呢让它速度性能更好，那么前面我们在讲re的时候也提过啊，其实我们会用three load多线程打包呢，来加快它打包速度的，那么开holdd呢，自然就是做更好的缓存查流缓存好下面这个yes it是要优先执行啊，优先执行。

嗯。好了，整体就差不多了，那么接下来配置呢，其实和我们的开发环境是差不多的啊，代码分割呢，分为两种组啊，两种组配置一模一样，然后压缩的话呢，除了压缩GS以外呢，当然它它肯定它会用商用线的插件去压缩啊，咱们的system也用了vlo去解析对吧？然后定义我们的环境变量为production啊，然后呢，写路径的时候大小写不能错误，那我么更加友好的错误提示，以及通过这个插件去提取CS成单独文件，然后再通过这个插件呢去压缩C代码object啊这个O这个插件，然后呢，它提供了两种方式啊，一个是呢，对我们的这些啊一些ID呢，命名的一种，更有更加友好的命名，他改了一下，然后呢，以及对唱的命名的方式呢，也进行了一个插件，那实际上这两个插件呢，在我们调味production呢，它是会用上的，是会用上的。

然HL呢，就多了一个mini这个选项进行压缩，压缩HL代码pro的呢还是一样的，Copy呢，复制呢也是差不多的。好，所以整体呢，其实啊，在这个生产环境下呢，它其实多变化部分呢，就是CS变化，有些有些变化，然后呢，多加了两个插件，也仅此而已，那么做这样两个插件呢，就是为了打包出来的这些哈气值啊，尽量的把它变得更加友好，不容易起冲突啊出现问题对吧？所以呢，加了两个配置，好，那么这是view配置啊，所以我们能发现view的配置的一些好的地方和re配置的一些好地方案，那么大家可以吸取两个配置对吧，最终形成你自己的方案，像没有配置好的地方呢，我们能看到就是它这里呢，有一些O的对吧，进行多进程打包，在我们的诶在我们的这个啊的这里处理的时候。

对吧，而rise呢，整体是一个one of，那么它这些logo呢，只会执行一个，那么这样的话呢，应该是比较靠谱的，所以我们两者结合一下，还有呢，在进行打包的时候呢，在opization这里，我们可以通过串，对吧进行更加友好的这个啊，将这个我们的哈希纸呢提取成单独文件，从而呢让你缓存的更加持久啊，所以最终结合两种配置呢，你才能做的更好。而这个view配置呢，其实主要就是我们能看到就是它对view的文件如何解析的对吧，以及它内置了非常多样式文件的各种类型的文件的处理好了，那么这就是view的一些生产环境的配置了。