部署为独立页面

时间:2015-01-24 10:15:03

标签: deployment elm

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

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

2 个答案:

答案 0 :(得分:18)

  1. 使用elm-make将您的Elm应用程序编译为elm.js(定位main的模块)。
  2. 创建您自己的HTML文件,其中包含该脚本以及执行Elm.<Module-that-defines-main>.fullscreen()
  3. 的正文中的脚本

    实施例

    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