Webpack 生产版本不显示用户上传的图像（它们出现在开发中）

Question

问题有这个前提，也许我错了：

• 运行构建脚本 Webpack 会创建一个新的 dist 文件夹，其中包含 dist 文件
• 它创建一个资产目录
• 它用图像填充资产目录 使用新名称，例如 123af34119.png，以便它们具有不同的名称 并且可以缓存
• 它根据以下内容加载网站中的内容 必填页

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

1. 我应该将上传的图片复制到dist文件夹中吗？
2. 用什么名字？
3. 我应该像热重载一样使用“watch”属性吗？
4. 我应该使用什么特定的上传器吗？

我用谷歌搜索了很多，但没有找到太多。

Answer 1

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

Answer 2

对我有用的是从 DOM 中删除图像元素，然后使用 JavaScript 使用新的源重新创建它。当我尝试使用 JavaScript 简单地重新分配图像的 src 属性时，它不起作用。