在开发过程中,我一直在使用elm-reactor
来测试我的单页Elm应用程序。但是对于生产部署,我想将编译器的输出作为静态文件存储在Web服务器上。
如何将Elm页面编译成一对独立的HTML + Javascript文件?
答案 0 :(得分:18)
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>
答案 1 :(得分:7)
github项目页面上this ticket的答案也非常有用:
最后,使用此命令将文件编译为单个独立的HTML文件。
$ elm make start-test.elm --output index.html