00:00
下面呢,我们来搭建生产模式的。调试下配置。OK,来到con目录啊,我们呢,就不从零开始写了,我们把DV的配置复制一份,那么我们取名字叫点production,就PD.s。代表它生产模式下的配置。好了,那么生产模式下配置呢,我们在此基础上呢,做一些修改啊。我们先一点点改,首先生产模式呢,是要有输出的,所以我们需要指定一个。输出的目录,那么就是我们第一次目录看看第2NAME,然后呢点点斜杠。回退一层的这个。第三。好,然后呢,我们为了更好的做缓存,所以在命名上有要求需要加上一个哈希值。我们用hush。那么长度取十位。好了,那么同时我们要把上一次的打包内容呢给清空掉,所以肯定为true。
01:05
好往下走啊,那么处理样式这里呢,我们需要提取样式呈单独文件,并且对样式文件进行压缩,所以这里呢,我们需要用上样式文件的两个插件,我们往下走。一个叫。啊,我们先写路径吧。一个是提取CS成单独文件的一个插件,叫mini。Tract。他。那么我就叫他名字写啊。OK,一个是提取它乘C的一个插件,那么在这里呢,我们需要把style load改成这个插件的load,那么它才能提取C成单独文件,同时这个还需要用一个plug,它才会具体的干活。
02:00
在这里我们需要传入啊,我们的这个提取的CS的文件的这个文件名称。好,提取到CS目录,然后呢,Name。然后同样的加上哈希值。做更好的做缓存。然后呢,我就扩展名是CS,同时呢,如果打包出来有串卡,那么同样的要这样命名。只是这里加个串就好了。好了,那么这里是提取CS传单的文件啊,那么同时C还要压缩,所以我们还需要引入一个插件。这个插件呢叫minimize。Minimize。
03:05
OK,那么这个插件只需要六加六就好了。OK,我们呢,可以在那个ization的mini。在这里我们去做这个CS的压缩。OK,那么C压缩的话呢,JS压缩也需要在这做啊,不然的话呢,JS压缩会出点问题,所以我们这里也需要去引入那个T。他也需要做一下,否则的话呢,这个压缩有问题,一旦你使用minimizer,那么C压缩一完,JS也得压缩,否则的话,我们的这个压缩代码会有点问题。好了,那么JS的压缩和CS的压缩都做好了,而H没压缩呢?只要你是生产环境,所以我们改成生产模式production,那么它自动的会进行压缩。然后呢,Source map呢,用的是DV用的source map。
04:04
OK,然后呢,低于server就不需要了,包括我们的这个HMR功能的代码都不需要了,因为我是生产模式,没有HMR功能,所以我们需要把HMR功能的代码给删掉,同时上面这个插件也要删掉。OK,到这里呢,我们就做了一部分功能啊,我们处理了这个输出的路径,以及这个哈信值的一个问题,我们还处理了样式,将它提取了单的文件以及进行压缩,我们还对JS文件呢做了一些处理啊,把HMR功能干掉了,把低于so的配置干掉了,同时加上了这个压缩的一些代码。好,当然了,还想优化的话呢,我们还可以对图片进行压缩,图片呢也需要引入一个插件。将image mini。
05:07
好了,那么这个配置呢,比较复杂啊,所以我们去文档中去复制一下这个配置,我们就不再写了,那么它需要下载的包会比较多啊,所以到时候要稍微留意一下。来放到这个压缩这里,我们来压缩图片。OK,那么这一块呢,我们这个图片命名,我们可能要跟它一样命名啊,这样的话呢,我就不用改了。好了,那么我们就把这个配置项呢都写好了。我们现在呢,就可以去运行下载依赖,然后看效果。OK,我们来下载依赖,我们往上走一点点下,我们先把我们用的CS文件的依赖下载一下。这个TCL外派拉呢,随着外派下载和下载,所以这一块不需要下载了,所以这一里呢,就是我们的这个生产模式下载两个依赖。
06:11
除此之外呢,还有图片的依赖,图片依赖呢会比较难下,所以我们建议单独把图片的依赖去下载。好,图片依赖下载的地址呢,我们可以找到我们之前的这个高级配置,找到我们减少代码体积,找到image mini,在这里我们可以看到我们的图片下载依赖的这个包。那么我们建议这个不用大家记啊,建议大家去复制粘贴,我们同样的用无损压缩。OK,就是这里下载的时候可能会存在一些问题,我们稍等。那么如果你之前下载成功了的话呢,那么第二次下载应该会好一点点。当然如果没下载成功,诶像我这样对吧,实在下不成功,咱们还有最后的补救措施啊。我后续呢,会把这个已经下载好的所有model,到时候我们发给大家,会发到我们的课程资料中,所以如果你实在下不下来依赖的话呢,你可以直接用我们线程下好的农,这样的话呢,就不至于因为下依赖的关系,导致你这个啊代码的一直卡在这,没法继续往下进行啊,所以同学呢,可以去直接想办法找到我们这个提供好的normal直接去使用。
07:25
那么这呢,我还是给大家演示一下这个下载过程,只是他在下载的时候,因为这里面存在一些体积的问题啊,所以需要稍微慢一点点。
我来说两句