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

【问题标题】：WebPack HTML and File Loader with programmatic img src带有程序化 img src 的 WebPack HTML 和文件加载器
【发布时间】：2017-08-09 11:56:14
【问题描述】：

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

有没有办法告诉 HTML/文件加载器“在运行时可能需要任何 [这些文件]”，而不仅仅是将它们放在文件复制插件的列表中？

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

它被写入客户端，然后Vue在运行时绑定${random}，当然图像不在应用程序中。

谢谢

【问题讨论】：

【解决方案1】：

您要做的是使用此答案https://stackoverflow.com/a/33374807/379650 并将图像文件夹复制到您的构建中。

【讨论】：

使用复制文件插件是我特别想避免的。我知道我可以回到那个状态。对于丢失的加载程序来说，这可能是一个黄金机会，当它可以检测到路径但无法解析文件时自动复制文件夹的内容。