使用 webpack 动态提供图像答案

【问题标题】：Serve images dynamically with webpack使用 webpack 动态提供图像
【发布时间】：2018-04-04 00:25:41
【问题描述】：

我有一个关于 webpack 和提供图片的问题。

我有一个 webpack 配置，可以构建一个 React webapp，并且还提供来自特定文件夹的 .jpg 文件。

但是，如果我从我的 web 应用下载并将新图像添加到此文件夹中会发生什么？

我可以刷新 webpack 以便它提供新图像并且我可以使用 require.context 导入它吗？或者，这是不是 webpack 不应该做的事情，所以我需要在后端处理这个？

谢谢，

【问题讨论】：

【解决方案1】：

这不是 Webpack 通常会处理的事情。 require.context creates references 到一个目录中的所有模块（或者在这种情况下是图像），这些模块可能需要匹配正则表达式的请求，所以如果你要使用它，你每次都需要重新编译你的应用程序在文件夹中添加或删除图像。

最好在后端处理，这样你就可以直接使用图片的 URL。

【讨论】：