This seems kind of basic, but for some reason I can’t figure it out. I’m using Leaflet for a map using interface extensions, and the marker icon pngs that are part of their dist (e.g., “marker-icon-2x.png”) won’t load. “That’s fine,” I say, “I’ll just copy them to the frontend folder as a workaround.”
But those won’t load either, so now I’m a bit confused. As far as I can tell, I can’t use import statements on pngs, because webpack isn’t a fan. It looks like they might be included in the bundle, but they’ve been given automated bundle names (“2b3e1faf89f94a483539.png”), which I know for certain React isn’t dynamically renaming to match in my js. Is there some expected practice in interface extensions or React as a whole for handling this?