F# 如何导入寓言中的图像？

我已经有了所有的网页包加载程序，所以我需要做的就是这样，但是在F#：

从“./images/loading.gif”导入加载；

---

这应该是一件容易的事情，我只是在文档中迷失了方向，我大部分都找到了有关

[]

属性的信息，这些信息似乎是用于其他内容的…

是否有特定的原因需要导入图像

只要url有效，您就可以轻松地在视图中显示图像（如elmish），而无需导入图像

let view model dispatch =
    div [] [
            img [   Class "mr-3 mt-1" 
                    Style [ Width 33% ; Height "80px" ]
                    Src "../images/loading.gif"
                    Alt cat.Text; Placeholder "image" ]
] 

---

在模块

Fable.Core.JsInterop

中，我们确实提供了处理

import

的帮助

我想你要找的是：

/// Works like `ImportAttribute` (same semantics as ES6 imports).
/// You can use "*" or "default" selectors.
let import<'T> (selector: string) (path: string):'T = jsNative

---

我将类型设置为

string

，因为WebPack似乎为您提供了文件URL。

嗯，是的，我需要它用于

WebPack

文件加载程序

-它通过

导入

行并将文件加载到输出目录，以便您可以在代码中安全地引用它们。好的，不确定，但也许你可以在一个单独的js文件中进行导入，然后将js文件导入你的fable应用程序。类似这样的东西`[]让mylib:IAlert=jsNative`好吧，我现在基本上就是这么做的-我有一个文件

resources.js

，在那里我加载所有文件，然后在代码中按名称对它们进行寻址。但是是的，这会产生耦合。。。

open Fable.Core.JsInterop

let loading : string = import "*" "../images/loading.gif"