webpack中的resolve和resolveLoader分别是作什么的

Question

最好可以配合图中代码解释一下

Answer 1

按照 webpack 官方的说法，resolve配置用来影响webpack模块解析规则。解析规则也可以称之为检索，索引规则。配置索引规则能够缩短webpack的解析时间，提升打包速度。

如图：
先说几个问题问题。

1. resolve.root 用来配置搜索路径集合。root配置必须是绝对路径，不能存在./app/modules之类的相对路径。

2. resolve.modulesDirectory 是指需要向上搜索的目录名称（即如果当前目录找不到，找上级目录），一般只会是node_modules之类的。其他自定义的资源一般不需要向上搜索，可以配置alias

root和modulesDirectory 在webpack@2.x中被舍弃了，使用了新的规则resolve.modules，这是前两者的结合体

resolveLoader相当于是针对webpack Loader 的单独 resolve 配置，做用和resolve一样，但只作用于webpack loader