Fatal编程技术网

Deployment 作为独立页面部署

deployment elm

Deployment 作为独立页面部署,deployment,elm,Deployment,Elm,在开发过程中，我一直在使用elm reactor测试我的单页elm应用程序。但对于生产部署，我只想将编译器的输出作为静态文件存储在Web服务器上 如何将Elm页面编译成一对独立的HTML+Javascript文件 使用elm make将elm应用程序编译为elm.js（以定义main的模块为目标） 创建您自己的HTML文件，其中包括该脚本和执行Elm..fullscreen（） 例子 App.elm module App where import Text import Signal impo

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

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

  • 使用
    elm make
    将elm应用程序编译为
    elm.js
    （以定义
    main
    的模块为目标）
  • 创建您自己的HTML文件，其中包括该脚本和执行
    Elm..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>

    
Elm.App.fullscreen（）
    github项目页面上的答案也非常有用：

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

    虽然我使用elm brunch来编译（与Phoenix集成）elm.fullscreen建议无效，但这一天还是节省了时间。此答案中的链接已失效。这是正确的，我找不到作者将此问题移至何处-看起来它已被删除，这是一件遗憾的事。 
    $ elm make start-test.elm --output index.html