在开发过程中,我一直使用elm-reactor
来测试我的单页Elm应用程序。但对于生产部署,我希望将编译器的输出仅存储为静态文件放置在Web服务器上。
如何将Elm页面编译成一个独立的HTML + Javascript文件对?
在开发过程中,我一直使用elm-reactor
来测试我的单页Elm应用程序。但对于生产部署,我希望将编译器的输出仅存储为静态文件放置在Web服务器上。
如何将Elm页面编译成一个独立的HTML + Javascript文件对?
elm-make
编译你的 Elm 应用程序为 elm.js
(目标是定义了 main
的模块)。Elm.<Module-that-defines-main>.fullscreen()
的脚本。App.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
)
App.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>
在 Github 项目页面上,这个问题的答案也非常有帮助:
最后,使用这个命令将文件编译成单独的、独立的 HTML 文件。
$ elm make start-test.elm --output index.html