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