webpack4 url文件处理
1.安装依赖 npm i style-loader css-loader url-loader file-loader -D 2.新建index.css .box{ width: 100px; height: 100px; background: url('../images/1.jpg'); background-size: cover; } 3.新建index.html <html lang="en"> <head> <title></title> </head> <body> <div class="box"></div> </body> </html> 4.在main.js中引用index.css import './css/index.css' 5.在webpack.config.js中配置 module: { rules: [ //处理.css文件 { test: /\.css$/, use: ['style-loader', 'css-loader'] }, //处理图片路径 { test:/\.(jpg|png|gif|jpeg|bmp)$/, use:'url-loader' } ] } 6.url-loader会把文件自动进行编码，如不需要base64可以设置limit属性配置字节大小小于指定数量在进行base64 { test:/\.(jpg|png|gif