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

Question

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

img [ Src "/AirPassengerData.png" ]

但是当我查看生成的网站时图像没有加载。

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

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

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

Answer 1

回应您关于 webpack 和图像的最后评论:

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

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

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