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

时间:2017-03-17 19:33:35

标签: html webpack vue.js webpack-file-loader webpack-html-loader

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

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

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

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

由于

1 个答案:

答案 0 :(得分:1)

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