主要介绍了webpack-url-loader 解决项目中图片打包路径问题,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

刚开始用webpack的同学很容易掉进图片打包这个坑里，比如打包出来的图片地址不对或者有的图片并不能打包进我们的目标文件夹里。 下面我们就来分析下在webpack项目中图片的应用场景。 1.CSS文件中的背景图等设置 项目目录图： 以下以我项目中的test.css为例 .test{ color: red; width: 150px; height: 100px; overflow: hidden; background: url(../img/box2x.png)