部署为独立页面

Cac*_*tus 12 deployment elm

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

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

Apa*_*hka 18

  1. 使用elm-make编译您的榆树应用程序elm.js(目标定义模块main).
  2. 创建自己的HTML文件,其中包含该脚本和正在执行的正文中的脚本 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
Run Code Online (Sandbox Code Playgroud)

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>
Run Code Online (Sandbox Code Playgroud)


Kau*_*ose 7

github项目页面上这张票的答案也非常有用:

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

$ elm make start-test.elm --output index.html
Run Code Online (Sandbox Code Playgroud)