webpack学习记录(十一)-resolve

webpack学习记录(十一)-resolve

配置模块如何解析。例如，当调用 import 'lodash'时，resolve 选项能够对 webpack 查找 'lodash' 的方式去做修改 。

解析第三方包

module.exports = {
  resolve: {
    modules: [ path.resolve('node_modules') ]
  }
}

设置别名

module.exports = {
  resolve: {
    modules: [ path.resolve('node_modules') ],
    alias:{
        名字: '路径'
    }
  }
}

设置主入口文件名称

module.exports = {
  resolve: {
    mainFields: [ 'style', 'main' ]
    // mainField: []    // 入口文件名字
  }
}

设置扩展名

module.exports = {
  resolve: {
   extensions: ['.js', '.css', '.json', '.vue'] //依次查找
  }
}