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

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文件中图片路径错误的主要内容，如果未能解决你的问题，请参考以下文章