关于webpack中html-loader和html-webpack-plugin的使用冲突问题解决

       说实话,自己入前端的坑太晚了,这段时间自己看文档,看资料学习react,刚好接触到webpack这个模块,在学习关于前端图片打包的节点上遇到了一个问题:html-loader和html-webpack-plugin的使用冲突,以此开贴记录下自己解决这个问题的方法过程,也希望能帮到与我一样学习前端遇到同样问题的萌新.针对刚学习的朋友,我这里尽量细致一点.

       转入正题,自己在index.html中引入img标签,插入图片,需要对这些图片打包:

 <div class="boxes"><img src="../images/icon-listener.png" alt=""></div>
 <div class="boxes"><img src="../images/icon-voice.png" alt=""></div>
 <div class="boxes"><img src="../images/icon-read.png'" alt=""></div>

       当时在webpack.config.js中引用了html-loader的同时,还引用了html-webpack-plugin,代码如下:

module.exports = {
    module: {
        .....