本片文章将记录webpack中如何处理图片的打包问题。在介绍图片打包处理之前,先说明一下引入图片的三种方式: 使用背景图片:将一个包裹图片的元素的css中的background属性设置为图片路径 使用js导入:可以使用commonJS规范引入图片资源 const imgUrl = require('图片路径') 图片的dom对象.src=imgUrl 使用img标签:<img src= '图片路径'> 使用背景图片 先准备一张图片资源: