(工作相关)webpack打包图片没有打入

使用webpack打包, 发现图片没有打包, 路径找不到,

  ![](../images/a.png)

该成使用require静态资源, 打包时候会自动打入,

    <img src={require("../images/a.png")} >

例子2:

    this.png = ['上传位置点','段巡检点','实际路线','计划路线','巡检工位置','巡检事件'];
    .....
    this.png.map((item, index) => {
          let src = require(`../../resources/images/${item}.png`);
          ......
          return (
              ...
              <img src= {src} />
          )
    })
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在现在的前端开发中,前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始...
    Charlot阅读 5,489评论 1 32
  • 写在开头 先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...
    Lefter阅读 5,324评论 4 31
  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 11,233评论 0 21
  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 12,715评论 7 110
  • 坚持分享第二天 今天,我上完乒乓球课下楼,我下楼找不到妈妈,然后,我拿出手机,给妈妈打电话。妈妈在电...
    分享坚持大师阅读 271评论 0 0