webpack打包后的图片无法显示问题

使用图片作为背景图片，用webpack（前端模块化打包工具）进行打包，结果背景图片没有显示出来。在终端输入命令后没有显示任何错误，


看到浏览器这里提示找不到背景图片的所在地址！！！
解决方案：
webpack要将图片进行打包，需要安装儒url-loader加载器，加载器有个默认的设置选项limit：8196，当你的图片大小不超过8kb的时候，打包的时候会生成base64位的图片地址，这种情况下背景图片可以正常显示，当你图片大小超过limit设置的限制时，它会生成一个静态资源图片，如下图

而当时在写css样式的时候背景图片的地址是在src文件夹下的，现在图片的地址是存在dist文件夹下，就出现问题了，
解决方案1：将limit这个配置变大或者注释掉，都以base64位的地址显示图片
解决方案2：
在webpack.config.js中添加配置：

目录设置的不一样，publicPath的值也会不一样的，这个值并不是固定的，添加这个配置后背景图片的路径就变得正确了，正常显示了。
最近刚学习webpack（前端模块化打包工具），说的有什么不清楚或者不正确的请各位大佬多多包涵，帮我指正，一起进步！！！