webpack resolve

resolve是配置路径的规则，可以配置引入资源的默认路径

alias

配置解析路径别名

原本要这样引入css文件和js文件的

import './src/js/index.js'
import './src/css/index.csss'

非常不方便而且容易出错，如果需要引入很多个文件就需要写很多次
但是可以通过配置解析模块路径别名来解决

配置方法：

resolve:{
alias:{
		$css:resolve(__dirname,'src/css'),
		$js:resolve(__dirname,'src/js')
	}
}

完成配置后只需要这样引入就可以了

import '$js/index.js'
import '$css/index.css'

extensions

配置省略文件路径后缀名，引入文件的时候可以不用写文件的后缀名

extensions:['.js','.json','.css']

modules

解析模块的路径

让webpack能够快速的找到解析模块的路径，节约时间

modules:[resolve(__dirname,'../../node_modules')'node_modules']