elm - 在 0.19 中使用带有 elm reactor 或其他开发服务器的自定义 HTML

Question

如 this answer显示可以在 Elm 0.18 中运行 elm reactor如果此代码段包含在 HTML 文件中，则使用自定义 HTML 文件:

<script src="/_compile/src/Main.elm"></script>
<script>
  runElmProgram();
</script>

然而，在 0.19 中，它似乎不像 _compile目录存在或不再提供。是否有另一种方法可以完成相同的操作，最好使用 elm reactor以便能够利用现有的 IDE 支持等，但我对任何类型的“开发服务器”解决方案感兴趣。

Answer 1

可以使用 elm-live ，需要用更多的仪式来调用。它默认为服务 index.html但可以使用命令行选项 -s, --start-page [STARTPAGE] 配置为提供不同的 html 页面(感谢您的提示，@kaskelotti)
index.html 中所需的等效代码段启动你的榆树程序是:

<script src="build/elm.js"></script>
<div id="elm"></div>
<script>
  var app = Elm.Main.init({
    node: document.getElementById('elm')
  });
</script>

并在终端中运行以下命令来启动它:

elm-live src/Main.elm -- --debug --output=build/elm.js

HTML 文件中的脚本路径必须与作为 output 传递的相同。在命令行上。

不像 elm reactor , elm-live不会在浏览器中显示编译器错误，而是将其打印到终端，并将继续提供上次成功编译的输出。

它也会随机挂起和崩溃......