首先安装的依赖
npm install file-loader --save-dev
npm install image-webpack-loader ?--save-dev
npm install url-loader --save-dev
在webpack.config.js文件中加入如下配置
在css文件中引入该图片作为背景图片。
运行npm run start
打开浏览器http://localhost:8080/
看到图片已经引入进来而且命名经过了哈希处理。
看下url-loader是什么样子的，同样修改webpack.config.js文件
意思是小于10K的转为base64,大于10K的还是原图片。
直接运行npm run start
图片已经转化为base64编码了。
webpack教程(五)——图片的加载
原文地址：http://www.cnblogs.com/herozhou/p/7049157.html