如何使用 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 包输出到现有“public”文件夹内的现有文件夹（“scripts”），因为我希望 webpack 只关心捆绑 JS 的东西。

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

您的要求可能与我的有所不同，您可能仍然希望尝试让 webpack 来做图像，但我建议如果图像不经常更改，您最好节省一些时间并手动完成。