首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >部署为独立页面

部署为独立页面
EN

Stack Overflow用户
提问于 2015-01-24 10:15:02
回答 2查看 2.5K关注 0票数 13

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

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

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-01-24 12:22:13

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

示例

App.elm

代码语言:javascript
复制
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

代码语言:javascript
复制
<!DOCTYPE html>
<html>
 <head>
  <script src="elm.js" type="text/javascript"></script>
 </head>
 <body>
  <script type="text/javascript">Elm.App.fullscreen()</script>
 </body>
</html>
票数 19
EN

Stack Overflow用户

发布于 2016-03-18 14:58:28

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

最后,使用这个命令将文件编译成一个独立的HTML文件.

代码语言:javascript
复制
$ elm make start-test.elm --output index.html
票数 8
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28124416

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档