在html中引入图片时,比如:
<body>
<img src="Show.jpg">
</body>
如果不使用loader,就会出现路径错误,图片不显示的情况:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200518094255485.png#pic_center)
经过loader处理后,图片就可以正常显示了。
具体步骤
1.安装html-loader
打开终端,进入到项目文件夹路径,输入命令cnpm install --save-dev html-loader
2.配置webpack.config.js文件
在module.exports = {}里的module中的rules里配置:
{