webpack - 如何使用 Fable-Elmish 添加 img 标签

Question

我想像这样添加一个图像标签

img [ Src "/AirPassengerData.png" ]

但是当我查看生成的网站时，图像不会加载。

我正在使用 dotnet 核心项目模板fable-elmish-react

虽然我找到了这个 Fable.Helpers.React.img 助手，但图像并没有出现在我的 /public 文件夹中，我理解它是 webpack 输出文件夹。

我已按照此处的说明尝试让 webpack 将图像从我创建的 /assets 文件夹移动到 /public 文件夹中，但是这些说明指示我添加了一条require要求加载图像的语句，但是我找不到任何使用 Fable 执行此操作的示例。

Answer 1

回应您对 webpack 和图像的最后评论：

在我的寓言项目中，我所做的是让 webpack 将 JS 包输出到现有“公共”文件夹内的现有文件夹（“脚本”），因为我希望 webpack 只关心捆绑 JS 的东西。

webpack 不会移动图像等静态资产，但我手动将它们移动到公用文件夹。由于这些资产通常不会经常更改，因此可以手动将它们移动到那里。

您的要求可能与我的不同，您可能仍想继续尝试让 webpack 来做图像，但我建议如果图像不经常更改，您不妨节省一些时间并手动进行。