转换为H5代码时, image图片地址如果是通过变量赋值的方式, 本地图片不会被正确解析为webpack模块

[cejako]

问题描述

通过npm run dev:h5(或build: h5)将代码转换为H5代码时，对于Image组件，如果src是通过变量赋值的，并且变量对应的取值是本地图片地址，如：

const data = { pic: './assets/images/seat-1.png' }
<Image
      className="rank-item__avatar--image"
      src={data}
></Image>

渲染后的元素图片会找不到：

期望行为

期望对于这种对象赋值，或者直接变量赋值，然后绑定到Image组件的src属性的场景，图片地址依然能被正确的解析

[taro-bot]

CC @Littly

[taro-bot]

欢迎提交 Issue~

如果你提交的是 bug 报告，请务必遵循 Issue 模板的规范，尽量用简洁的语言描述你的问题，最好能提供一个稳定简单的复现。🙏🙏🙏

如果你的信息提供过于模糊或不足，或者已经其他 issue 已经存在相关内容，你的 issue 有可能会被关闭。

Good luck and happy coding~

[luckyadam]

请按 Taro 文档要求引入 https://nervjs.github.io/taro/docs/static-reference.html

[taro-bot]

Hello~

您的问题楼上已经有了确切的回答，如果没有更多的问题这个 issue 将在 15 天后被自动关闭。

如果您在这 15 天中更新更多信息自动关闭的流程会自动取消，如有其他问题也可以发起新的 Issue。

Good luck and happy coding~