14-处理HTML中的图片

在webpack中是不喜欢你使用标签来引入图片的，但是我们作前端的人特别热衷于这种写法，国人也为此开发了一个：html-withimg-loader。他可以很好的处理我们在html 中引入图片的问题。因为是国人开发的，文档都是中文，所以学习起来还是比较简单的。所以在学习新课之前我们先解决两个小伙伴的问题。

html-withimg-loader

html-withimg-loader就是我们今天的重点了，这个插件并不是很火，也是我个人喜欢的一个小loader。解决的问题就是在hmtl文件中引入标签的问题。

安装

npm install html-withimg-loader --save

配置loader

webpack.config.js

{
    rules: [
        {
            test:/\.(html|htm)$/,
            use:"html-withimg-loader"
        }
    ]
}

然后在终端中可以进行打包了。你会发现images被很好的打包了。并且路径也完全正确。