Webpack生产版本不显示用户上传的图像(它们显示在dev中)

时间:2019-12-02 12:40:27

标签: webpack nuxt

这个问题有这个前提,也许我错了:

  • 运行构建脚本Webpack使用以下命令创建一个新的dist文件夹: dist文件
  • 它将创建资产目录
  • 它用图像填充资产目录 使用123af34119.png之类的新名称,以便它们具有不同的名称 并可以缓存
  • 它会根据 所需页面

当用户替换或插入新上传的图像时,该图像不会上传到dist文件夹中,因此,直到我再次构建该图像时,该图像才不会更新或显示。

  1. 我应该将上传的图像复制到dist文件夹中吗?
  2. 用哪个名字?
  3. 我应该像热重装一样使用“ watch”属性吗?
  4. 我应该使用任何特定的上传器吗?

我在Google上搜索了很多,但没有找到很多。

1 个答案:

答案 0 :(得分:0)

事实证明,我必须让每个用户生成的内容都不在webpack生产版本中,在我的情况下为“静态”文件夹中,就像一个公用文件夹,用户可以在其中上载并替换自己的文件夹图片或内容。 html始终引用该文件夹,在我的情况下,用户生成的内容的命名方式始终相同,因此x.jpg会替换为新的x.jpg而不是y.jpg。这使上传的图像在用户上传后立即显示。 谢谢stellr42的建议和讨论。