36-尚硅谷-webpack从入门到精通-webpack详细配置之resolve

接下来呢，我们介绍下一个规则啊，叫做。它的作用是用来解析模块的一个规则。好，下面来看。那SQ呢，我们把这个31复制一份啊，来个32。32啊叫做。解析规则好，这个呢，不是我们那个pass那个方法啊，老师就是。好。我们把。一些不用的删掉啊，不用的删掉就保留一个解解，呃，解析CS的。然后下面呢，我们去写我们的规则。那么这里要注意就是咱们的呢，因为是个对象，对象属性是没有顺序的，所以我写在下面呢，实际上它也可以写上面，并没有说一定要这样一个个写啊，并没有。好，我们就按照习惯写上面写下面就了啊，叫做解析模块的规则。好，这里面呢，有很多可以配置的，有很多可以配置的，比方说有我们的第一个配置阿。

这个呢，叫做配置路径别名。好，来解析模块的路径别名啊，好了，那么什么意思呢？我们来举个例子啊。网络，在SC界面新建文件夹加JS。OK，然后把JS呢放进去啊，我就放index就可以了啊，其他两个文件呢，我就删掉了，就没什么用了。放一袋进去好，然后再在S下面新建文件夹，叫CS，写上我们的CS代码。好，这里面呢，就简单写一点，比方说我们的HL玻璃。高为百分百对吧，Background color为一个pink。好，就写了个很简单的样式啊。好了，那么indexs呢，现在要引入这个样式，那么第一种写法就是import，点点斜杠回去这个CS下面找index c。

对吧，这样才能引入样式啊，这是没有问题的。好了，那么路径别名可以怎么样呢？因为将来呢，我们可能每次啊，这个文件呀，会切到非常多层，尤其是大家写项目的时候啊，我们会有不同的目录层级呢，代表不同的组件，组件下面呢，可能又嵌到一些其他的内容，目录层级会非常深。从而呢，又回过头来找这个C啊，就会非常的费劲啊，需要回退好几层。啊，第一容易出错，第二呢，写起来也麻烦。所以呢，配置路径别名啊，就会解决这个问题啊，我们来看比方说啊，我这叫多乐福CS。职能为reserve。一个路径啊D，然后呢，当前的SC下面的CS目录。好，这个意思呢，就是配置的一个变量叫做多福C，它的值呢，它这个变量的值呢，就代表着这个CS的绝对路径。那么好，那我们再去写这个路径的时候啊，只要写多了佛C就好了。啊，多C他自己呢，就会去通过多C得到了这个CS目录的解路径，再去下面找这个index。

那么这个要点呢，就是能让我们写写啊。有点就是能够写，漏记时可以少写啊。可以简写漏记。有点有点。机械路径。啊，缺点就是啊，路径呢，写路径的时候呢，就没有提示了，所以有利有弊啊。如果你写代码不容易输错的话呢，不容易写发写低级错误的话呢，那还是推荐你用这个路径别名，能够让我们写路径的时候呢，更加简单。啊，那如果你写代码老是容易出现一些低级错误，那还建议不要去用了啊，不要去用了。因为呢，晚以你出错了，你这个时候写的时候呢，也看不到这个问题的所在啊，就这个。好，下面我们可以简单测试一下，看行不行啊。我们来。一次。

OK，如果不行的话呢，他肯定会报错的啊，如果行的话呢，那当然就没问题了，哎，没问题。输出的必要的下面呢，哎。我们可以打开页面看一下，看有没有样式文件的引入啊。你看选题就变成粉红色了，没问题啊。OK。那么这个就是路径别名，那么它这个对象，所以这里面也可以配置N个路径规则，当然咱们就不应该写了啊，就阿列呢是配置路径别名帮助我们简写路径的。而除了呢，它还有一个东西叫extensions。Decisions。好，这个呢叫做配置。路径啊，咱们的路径的一个后缀名。省略配置这个省略文件后缀名的规则啊。它默认值呢是点G和点G。

所以我们在写JS路径的时候呢，可以省略省略不写啊，可以省略不写。好了，那比方说譬如说啊，我现在呢，有个样式文件对吧。我想写二式文件的时候省略这个点CS，那么你就可以在后面加一个，然后点CS。那么我就可以把这个C后缀你就可以省略不写了。他呢，就会去找这个index下面，诶，他会尝试先用JS去补充，发现没有，再去这个JS补充，发现还没有，再去点JS补充，发现有，诶就找到了。啊，如果都没有的话呢，就会报错，只要找到一个，那么他就会补充上去。就这啊。所以我们再构建一次呢，它报它的程序运行呢，应该也是正常的，也没问题啊。好了，那当然呢，咱们不建议是写CS，只是这里为了给大家测试而已啊，因为我们一一般命名的时候呢，可能叫inds CS。如果有两个文件叫一样的名字，你都省略了它，一定会找第一个这个JS文件。

啊，这个CS文件呢，就找不到了。所以这样写的话呢，一定要注意名字呢，文件名呢，千万不要取一样的，否则可能会带来问题啊。好，那么怎么办呢？那么我们一般的话会补充，比如说将来大家写学习会补充点。这样引入一些的话呢，就不用啊。好，当然我把CS还是加上去啊。这是可以省略写文件的时候的后缀名啊。这这一款啊。好了，除了这一块呢，我们啊，啊前面这一个呢，都还有最后一个啊，还有最后一个就是那个modus。还有啊呢，它能做的是就是一个解析咱们模块的一个规则啊。就是告诉the pack啊，我这里写注释啊，告诉the pack。

解析模块的时候应该去哪个部长？去找哪个木？默认呢，去哪个呢，当然去。啊，摸上去这个not了。好，他呢会去当前目录找那么的，找不到又会去上一节目录找，再找不到又去上一级找，也就说啊，你看我们现在我们当前目录呢，在这。他大节找不到，去上级零五这找，五这找，再找不到，又去代码这里找，诶总算是找到找了三次。那么如果我们目录层级更深的话呢，又得这样找，太麻烦了。所以啊，我们可以通过绝对路径的方式告诉他，你这木到底在哪里，不用这样一层找了。那么呢，在我们的这个。点点斜杠对吧，再点点斜杠下面的。在这里。这样的话呢，他就直接去最外面找了，哎，不会这样一层找，这样就更精确，少找几层，那么解析速度就会稍微快一点点啊。

好，当然呢，我们可以运行一下，大家也没问题啊，也没问题。那么第二个这个呢，为了防止这里找不到啊，还是写一下，还是写下。好了，所以你可以知道它就是这样的规则。呢，是为了让我们写代码呢更加方便，可以简写路径。呢，是为了让我们写代码的时候可以简写文件后缀名。我。所以呢，总而总而言之呢，他们都涉及到解析模块的时候，呃，路径啊的一些相应关的一些问题啊，所以整体来讲就叫解析模块的规则。那么这几个配置呢，是我们啊比较常用的几个配置啊这个配置。这就是我们的的内容。