webpack解决打包后图片不显示问题

问题描述：

       在html页面中引入本地的图片链接（使用相对路径）后，webpack打包了，但是在页面上打开html显示图片加载失败；

探究webpack问题：

　　打包解析html中img标签的图片，需要用到html-loader,

　　因为url-loader默认使用es6模块化解析，而html-loader引入图片是commonjs

解决办法： 

　　test: /\.html$/,

            // 处理html文件的img图片 负责引入img,从而能被url-loader进行处理

            loader: 'html-loader',

            options: {

                esModule: false,

            }