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

标签 webpack f# fable-f# 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)”文件夹内的现有文件夹(“脚本”),因为我希望 webpack 只关心捆绑 JS 的东西。

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

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

关于webpack - 如何使用 Fable-Elmish 添加 img 标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49640354/

相关文章:

返回元组的函数的 F# 项目编译错误

F# 模式过滤

f# - 如何访问嵌套的可区分联合值?

f# - Fable React 有状态组件上的 Elmish 调度

javascript - 如何在 angular4 应用程序中捆绑 Assets 文件夹?

javascript - 使用 webpack 导入 requirejs amd 模块

json - 你如何使用 proxy.conf.json 将数据返回到你的 Angular 应用程序?

javascript - webpack-encore 项目的版本控制策略

f# - 如何在寓言中扩展一个JS类

f# - 如何从 Fable 中的 NPM 模块导入函数?