How can I use dynamic videos/images and package in production?

I added videos, images to resource but it only show in dev, not in production when run package. Example: I have a list images, videos and I want to show its to user. The user can choice an item to set background application after they restart app.

[SyedAman]

any solutions to this?

@kimthangatm has encountered a similar problem as me. How do you use images dynamically if you can’t require or import dynamically?

None of these work. I’ve tried other ways too, but I haven’t figured out how to dynamically import images.

render() {
     return fileNames.map(fileName => <img src={require(`${app.getAppPath()}/assets/fileName`)} />)
}

render() {
     return fileNames.map(fileName => <img src={`${app.getAppPath()}/fileName`} />)
}

render() {
     return fileNames.map(fileName => <img src={`${app.getAppPath()}/assets/fileName`} />)
}

[kimthangatm]

Hi @amilajack, My question is How can I use dynamic videos/images and package in production.

And in previous comment

For the images and videos, I only want it put on a folder, not combine, compress in app.asar. Because if I use import videos or images, webpack will package it like demo.mp4 to 674f50d287a8c48dc19ba404d20fe713.mp4

Im my case: I have a database of images, videos and all of them in a folders. And I cannot use import to import static videos or images.