如何使用 Fable-Elmish 添加 img 标签
How to add img tag using Fable-Elmish
我想像这样添加图片标签
img [ Src "/AirPassengerData.png" ]
但是当我查看生成的网站时图像没有加载。
我正在使用 dotnet 核心项目模板 fable-elmish-react
虽然我找到了这个 Fable.Helpers.React.img 助手，但图像并没有出现在我的 /public 文件夹中，我知道这是 webpack 输出文件夹。
我已按照说明 here 尝试让 webpack 将图像从我创建的 /assets 文件夹移动到 /public 文件夹中，但这些说明指示我添加 require 语句以要求加载图像，但我找不到任何有关如何使用 Fable 执行此操作的示例。
回应你最后关于 webpack 和图像的评论:
在我的寓言项目中，我所做的是让 webpack 将 JS 包输出到现有 "public" 文件夹内的现有文件夹 ("scripts")，因为我希望 webpack 只关心捆绑 JS 的东西。
webpack 不会移动图片等静态资源，但我手动将它们移动到 public 文件夹。因为这些资产通常不会经常更改，所以手动将它们移动到那里就可以了。
你的要求可能和我的不一样，你可能还是想尝试让webpack来做图片，但是我建议如果图片不是经常变化的话，你也可以节省一些时间和只需手动执行即可。
我想像这样添加图片标签
img [ Src "/AirPassengerData.png" ]
但是当我查看生成的网站时图像没有加载。
我正在使用 dotnet 核心项目模板 fable-elmish-react
虽然我找到了这个 Fable.Helpers.React.img 助手，但图像并没有出现在我的 /public 文件夹中，我知道这是 webpack 输出文件夹。
我已按照说明 here 尝试让 webpack 将图像从我创建的 /assets 文件夹移动到 /public 文件夹中，但这些说明指示我添加 require 语句以要求加载图像，但我找不到任何有关如何使用 Fable 执行此操作的示例。
回应你最后关于 webpack 和图像的评论:
在我的寓言项目中，我所做的是让 webpack 将 JS 包输出到现有 "public" 文件夹内的现有文件夹 ("scripts")，因为我希望 webpack 只关心捆绑 JS 的东西。
webpack 不会移动图片等静态资源，但我手动将它们移动到 public 文件夹。因为这些资产通常不会经常更改，所以手动将它们移动到那里就可以了。
你的要求可能和我的不一样，你可能还是想尝试让webpack来做图片，但是我建议如果图片不是经常变化的话，你也可以节省一些时间和只需手动执行即可。