如何使用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做图像，但我建议，如果图像变化不太频繁，您最好节省一些时间，只需手工完成。