WebPack HTML 和带有程序化 img src 的文件加载器

Question

我正在使用 WebPack 2，我们正在尝试使用 Vue 以编程方式指定图像名称，并将其绑定到 HTML。由于图像名称和路径直到 运行 时间才绑定，因此 HTML 和文件加载器不会重写 url.

有没有办法告诉 HTML/File 加载程序 "any of [these files] might be needed at runtime" 而不是将它们放入文件复制插件的列表中？

<img :src="`~assets/images/tmp-iconic/${random}.jpg`">

它按照写入的方式传递给客户端，然后 Vue 在 运行 时绑定 ${random}，当然图像不在应用程序中。

谢谢

Answer 1

您要做的是使用此答案 并将图像文件夹复制到您的构建中。