html-withimg-loader
html-withimg-loader copied to clipboard
和html-webpack-plugin插件一起使用就会出现html parse失败
new webpackHtmlPlugin( { hash: true, minify: { collapseWhitespace: true, removeComments: true }, template: './index.html', filename: 'index.html' } ) 这样一起使用就会有问题
me too have this problem, error message: ERROR in Error: Parse Error: <img src={"default":"c853dae0f18c964fe3f105cea94f9d34.jpg"} alt="12" />
-
htmlparser.js:240 new HTMLParser [webpack]/[html-minifier]/src/htmlparser.js:240:13
-
htmlminifier.js:966 minify [webpack]/[html-minifier]/src/htmlminifier.js:966:3
-
htmlminifier.js:1326 exports.minify [webpack]/[html-minifier]/src/htmlminifier.js:1326:16
-
index.js:316 Promise.resolve.then.then.html [webpack]/[html-webpack-plugin]/index.js:316:18
请问怎么解决
同样的问题,有人说在url-loader或者file-loader中加入esModule:false但是这个打包出的路劲是undefined
同样的问题,有人说在url-loader或者file-loader中加入esModule:false但是这个打包出的路劲是undefined
如果是图片问题建议在url-loader里加入esModule:false,这样他的路径就不是对象之类了
自定义了一个loader,return的时候加上defaut return str.replace(reg, attrName+"="+JSON.stringify(require("+JSON.stringify(imgUrl)+").default)+"");