lujing taro 图片_Taro图片素材不显示？--Taro下的webpack配置

最近遇到Taro

下图片素材没显示的小问题，解决完顺藤摸瓜了解了下前端领域webpack

及其Loader

的一些原理。

本文只是简单作个记录，涉及Taro

下一些webpack

的配置，可以为刚好遇到类似问题的人提供可能的助益。

文末也简单讨论了图片素材转变成base64

编码这种处理方式。

场景和问题解决

使用map

组件展示markers

，代码如下：

import LocationIcon from '../xxx.png'

class XXX {

render () {

// 定义marker

var markers = [{

iconPath: LocationIcon,

id: 0,

latitude,

longitude,

width: 38,

height: 50

}];

return (

...

...

)

}

}

问题一：真机没有显示 iconPath 的素材？

思路：

可能iconPath

的设置有限制，查看微信小程序Map组件文档

。

iconPath

，显示的图标，类型string

，项目目录下的图片路径，支持网络路径、本地路径、代码包路径([2.3