elm-make 允许您选择要一起编译的多个文件。
elm-make Header.elm Footer.elm Button.elm --output=app.js
标题.elm
port module Header exposing (..)
import Html
main =
Html.div [] [ Html.text "Header" ]
页脚.elm
port module Footer exposing (..)
import Html
main =
Html.div [] [ Html.text "Footer" ]
按钮.榆树
port module Button exposing (..)
import Html
main =
Html.div [] [ Html.button [] [ Html.text "Button" ] ]
索引.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Elm Demo</title>
</head>
<body>
<div id="header"></div>
<div id="button"></div>
<div id="button2"></div>
<div id="footer"></div>
</body>
<script src="app.js"></script>
<script>
let header = Elm.Header.embed(document.getElementById("header"));
let footer = Elm.Footer.embed(document.getElementById("footer"));
let button = Elm.Button.embed(document.getElementById("button"));
let button2 = Elm.Button.embed(document.getElementById("button2"));
</script>
</html>