webpack处理url地址

首先安装第三方模块

npm install url-loader file-loader	-D

配置文件中配置

module.exports={
	module:{
		rules:[
			{test:/\.(jpg|png|gif|bmp|jpeg|ttf|eot|svg|woff|woff2)$/,use:'url-loader?limit=图片字节值&name=[hash:8]-[name].[ext]'}
		]
	}
}
//limit给定的值大于等于图片大小就不会被转为base64,如果limit小于图片的大小图片就会转化为base64
//name是为打包后的图片命名,正常不设该属性,会以一个hash值命名