webpack打包JS文件中图片路径错误

Posted 听袁惟仁敲代码

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack打包JS文件中图片路径错误相关的知识,希望对你有一定的参考价值。

使用webpack打包文件时,发现JS文件中引入的图片并没有打包到图片文件夹里,导致使用相对路径获取的文件无法显示

正确用法:使用模块化的方式引入图片路径,这样引入的图片就可以打包到文件夹了

    let url = require("../../static/images/icon_sub.png")
    let html = `
        ...<img src="${url}">...
    ` 
    document.body.innerHTML = html 

以上是关于webpack打包JS文件中图片路径错误的主要内容,如果未能解决你的问题,请参考以下文章