javascript - webpack中的resolve和resolveLoader分别是作什么的
本文介绍了javascript - webpack中的resolve和resolveLoader分别是作什么的的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
最好可以配合图中代码解释一下
解决方案
按照 webpack 官方的说法,resolve配置用来影响webpack模块解析规则。解析规则也可以称之为检索,索引规则。配置索引规则能够缩短webpack的解析时间,提升打包速度。
如图:
先说几个问题问题。
resolve.root 用来配置搜索路径集合。
root配置必须是绝对路径
,不能存在./app/modules
之类的相对路径。resolve.modulesDirectory 是指需要向上搜索的目录名称(即如果当前目录找不到,找上级目录),一般只会是node_modules之类的。其他自定义的资源一般不需要向上搜索,可以配置alias
root和modulesDirectory 在webpack@2.x中被舍弃了,使用了新的规则resolve.modules
,这是前两者的结合体
resolveLoader相当于是针对webpack Loader 的单独 resolve 配置,做用和resolve一样,但只作用于webpack loader
这篇关于javascript - webpack中的resolve和resolveLoader分别是作什么的的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文