webpack4.0 在index.html中用标签引入图片 打包失败

在index.html中,这是我的webpack.config.js图片的相关配置

1
2
3
4
5
6
7
8
9
10
11
{
                test:/.(png|jpg|gif)$/,
                use:{
                    loader:'file-loader'
                   
                }
            },
            {
                test: /.(htm|html)$/,
                use:['html-withimg-loader']
            },

每次打包都会报错

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
ERROR in   Error: Parse Error: <img src={"default":"62e65f885b012c7f8da5ea6934d2dc51.png"}><script type="text/javascript" src="bundle.0e8f8696.js?0e8f869679da39f3e162"></script></bo  dy></html>
 
  - htmlparser.js:240 new HTMLParser
    [webpackDemo]/[html-minifier]/src/htmlparser.js:240:13
 
  - htmlminifier.js:966 minify
    [webpackDemo]/[html-minifier]/src/htmlminifier.js:966:3
 
  - htmlminifier.js:1326 exports.minify
    [webpackDemo]/[html-minifier]/src/htmlminifier.js:1326:16
 
  - index.js:316
    [webpackDemo]/[html-webpack-plugin]/index.js:316:18
 
  - task_queues.js:93 processTicksAndRejections
    internal/process/task_queues.js:93:5

如果我把index.html中的图片标签去掉,就可以打包成功,求大神解答

回答>>

问题同 https://segmentfault.com/q/10...