13

在开发过程中，我一直在使用elm-reactor它来测试我的一页 Elm 应用程序。但是对于生产部署，我只想将编译器的输出作为静态文件存储在网络服务器上。

如何将 Elm 页面编译成一对独立的 HTML + Javascript 文件？

4

2 回答 2

19
  1. 用于elm-make将您的 Elm 应用程序编译为elm.js（以定义的模块为目标main）。
  2. 创建您自己的 HTML 文件，其中包含该脚本和执行的正文中的脚本Elm.<Module-that-defines-main>.fullscreen()

例子

应用程序.elm

module App where

import Text
import Signal
import Graphics.Element (Element)

main : Signal Element
main = "Hello World!" |> Text.asText |> Signal.constant

elm-make App.elm（创建elm.js）

应用程序.html

<!DOCTYPE html>
<html>
 <head>
  <script src="elm.js" type="text/javascript"></script>
 </head>
 <body>
  <script type="text/javascript">Elm.App.fullscreen()</script>
 </body>
</html>
于 2015-01-24T12:22:13.603 回答
8

github项目页面上这张票的答案也挺有帮助的：

最后，使用此命令将文件编译为单个独立的 HTML 文件。

$ elm make start-test.elm --output index.html
于 2016-03-18T14:58:28.160 回答