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

时间:2018-04-03 23:09:16

标签: webpack f# fable-f# elmish

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

img [ Src "/AirPassengerData.png" ]

但是当我查看生成的网站时,图片无法加载。

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

虽然我找到了这个Fable.Helpers.React.img帮助器,但是我的/ public文件夹中的图像并没有结束,我理解的是webpack输出文件夹。

我已按照说明here尝试让webpack将图像从我创建的/ assets文件夹移动到/ public文件夹,但这些说明指示我添加{{1} }语句要求加载图像,但我找不到任何使用Fable如何做到这一点的例子。

1 个答案:

答案 0 :(得分:2)

回复您对webpack和图片的最新评论

在我的寓言项目中,我所做的就是将web包输出到现有的" public"中的现有文件夹("脚本")。文件夹,因为我希望webpack只关心捆绑JS的东西。

图像之类的静态资源不会被webpack移动,但我手动将它们移动到公共文件夹。因为这些资产通常不会经常更改,所以可以手动移动它们。

您的要求可能与我的要求不同,您可能仍然希望尝试让webpack来处理图像,但我建议如果图像不经常更改,您可以节省一些时间并且只是做手动。