在html中引入图片时，比如：
<body>
<img src="Show.jpg">
</body>
如果不使用loader，就会出现路径错误，图片不显示的情况：
经过loader处理后，图片就可以正常显示了。
具体步骤
1.安装html-loader
打开终端，进入到项目文件夹路径，输入命令cnpm install --save-dev html-loader
2.配置webpack.config.js文件
在module.exports = {}里的module中的rules里配置：
{
test: /\.html$/,
use: [{
loader: 'html-loader',
options: {
minimize: true
}
}]
},
3.在终端输入npm run dev进行打包。
这样，图片就会正确的显示出来。
注意：
原来的配置写法为：
现在的webpack里的内容很多版本都更新了，很多学习文章都是比较老的，html-loader的配置方法也发生了变化，如果还使用原来的配置方法就会报错，报错内容为：
