resolve
是webpack的配置项中一个比较重要的属性,主要用来配置模块如何解析。
例如在ES2015中调用import 'lodash'
,resolve
能够对webpack查找lodash的方式进行修改
resolve.alias
创建import
或者require
的别名,来确保模块引入更简单,最常见的就是用@
来代替scr
目录:
module.exports = {
resolve: {
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
}
},
}
在给定对象的键后面添加$
,表示精确匹配,例如: