22-尚硅谷-webpack从入门到精通-oneOf

接下来是生产环境的优化的第一篇。好，我们来看一下我们的Vs code。我们将之前我们写好的生产环节的配置啊，复制一份百分20啊，我们来去写第一个优化配置。嗯。好，那么这个呢，叫one of。好，现在看第一个叫one of。好了，那我们来写，怎么写呢？这玩什么意思呢？我们来看啊。就是我们在写load的时候呢，这个Rose里面有非常非常多的load的规则啊。我们能知道，诶，比如上面两个呢，是处理分别处理CS文件文件，这里呢，处理的是我们的这个。JS文件。好，这里呢处理的是也是JSJS文件，然下面呢是处理图片，诶这个呢是处理HL中的图片，那么这里是处理其他文件。那么从T来讲的话呢，其实啊，每一个东西呢，它都不相，就是都不会互相影响，除了这两个JS他们是用了两个load以外呢，其他的只用一个load啊，只用一个。

所以啊，这里面呢，为了优化啊，因为如果你不做优化的话呢，我正常来讲一个文件呢，是要被这所有楼都要被过一遍。当然呢，有些漏洞呢，它处理不了，有些漏呢会被命中啊，都要过一遍，那这样呢就不太好。所以啊，这个Rose呢，它支持这样写啊，我们来看一下。好，整体呢，我们就全部展开啊。他呢就是这样写，我呢可以把它给全部复制一次，全部复制啊。然后写个大括号啊，里面写个one of选项。对吧，在里面呢，诶，我来写个数组。再把这些东西拿进去。那么弯的意思就是以下落的只会匹配一个。这样呢就完美解决前面的问题了，就之前呢，因为我每一个文件呢，都会被多个，哎都过一遍，每个都过一遍，这样呢就不太好，比如说一比如说一个文件这里有十个漏，那我要过十遍，太麻烦了。

而实际上呢，像CS文件一旦被这个处理好了，那么他就不需要再走下面的逻辑了。但是一定要用，一定要注意一个事儿啊，注意。不能有两个，不能有两项配置。处理一个文件。一种类型的文件。什么意思呢？就是啊，我们这里啊有两个配置分别叫和都要处理S，如果你把这两个同时放在这个one of中呢，就出问题，就是诶这两个都漏在哪只会生效一个了。那怎么办呢？诶，我们需要把E给提取出去。提出去呢，放外面去就好了。诶，那就OK了啊，在外面呢，我们看到外面呢，最外面有两个load，一个是这个，一个是这个one of。

而外面这两个not呢，它呢都会执行，都会执行啊，尤其是我这里写了个为，所以这个呢会优先执行，然后呢，一旦我的文件呢，经过了这个处理之后，然后再去到的玩of里面，玩里面呢只会匹配一个。那么这样就完美解决刚刚那个问题了。前面我们将和呢放在里面，永远只会因为它。而呢，就不会匹配。好，现在我把yes is not放外面，所以它会先被执行。然后呢，再去王府里面再执行里面这唯一的这个。这样之间两个之间啊，就不会互相干扰了啊，互相干扰了。所以在这呢，One of主要是提升这个构建速度啊，让我将来的这些文件呢，不会被反复的被多个楼去都过一遍，这样呢性能就不太好啊。好，那么这是完优化我们生产环境的这个打包构建速度的。