webpack中的url-loader的使用

默认情况下 webpack 无法处理 css 文件中的 url() 地址, 不管是 图片 还是 字体库
下载: cnpm i url-loader file-loader -D
如 处理此条路径
在这里插入图片描述
test 中匹配图片的类型,[hash:8]表示前面自动生成八位哈希的值,确保名称相同内容不相同的两张图片显示出来不一样(各自显示各自);limit是给定的值,是指图片的大小 如果小于这个值 图片的名称就会被转换成base64字符串,否则不会转换成base64字符串;
下面的ttf/woff/woff2 等字体 一个原理
在这里插入图片描述