resolve.modules是用來(lái)設(shè)置模塊搜索的目錄，設(shè)定目錄以后，import模塊路徑，就可以從一個(gè)子目錄開(kāi)始寫(xiě)，這樣就可以縮短模塊引入路徑。例如：
resolve:{
modules:['./src/components']
}
則引入src下的components下的utils模塊，就可以
import'utils'
這樣就可以省略前面的src/components路徑，作用是省略路徑書(shū)寫(xiě)，讓webpack自己查找
而resolve.alias則是給路徑設(shè)置別名，作用是用別名代替前面的路徑，不是省略，而是用別名代替前面的長(zhǎng)路徑。這樣其實(shí)有個(gè)好處，就是webpack直接會(huì)去別名對(duì)應(yīng)的目錄去查找模塊，減少了webpack自己去按目錄查找模塊的時(shí)間。例如:
resolve：{
alias:{
'com':'./src/components'
}
}
引入utils模塊，就可以這樣寫(xiě)
import'com/utils'
也達(dá)到了縮短引入路徑的目的，寫(xiě)法與resolve.modules略有不同。