0
A
回答
3
elm-make让你选择你想一起编译的多个文件。
elm-make Header.elm Footer.elm Button.elm --output=app.js
Header.elm
port module Header exposing (..)
import Html
main =
Html.div [] [ Html.text "Header" ]
Footer.elm
port module Footer exposing (..)
import Html
main =
Html.div [] [ Html.text "Footer" ]
Button.elm
port module Button exposing (..)
import Html
main =
Html.div [] [ Html.button [] [ Html.text "Button" ] ]
的index.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>
相关问题
- 1. 如何在页面上多次加载相同的iframe?
- 2. “同步”页面中组件的加载
- 3. 在PHP的同一页面上加载多个页面
- 4. Elm:如何在使用Navigation.newUrl加载页面时获取数据?
- 5. JQuery的加载()第一次没有加载页面
- 6. 如何在每次加载页面时显示不同的Open Graph标题?
- 7. 仅在第一次加载时加载页面的一部分
- 8. 在同一页面中多次添加facebook插件
- 9. 如何为页面添加一组Ajax加载指标
- 10. 如何停止页面加载一次又一次?
- 11. 页面加载后,多次加载JS文件
- 12. 在页面加载两次标签页中的函数
- 13. 的PhoneGap打破jQuery Mobile的页面加载时 - 访问同一页面再次
- 14. 打开和关闭php标签多次增加页面加载?
- 15. 如何在加载的页面上加载页面上的所有图像
- 16. 通过href添加URL - 在同一页面上多次添加一次
- 17. 为不同页面加载不同的js文件或加载在一起?
- 18. WordPress的 - 页面上的不同标志
- 19. 如何在所有页面上加载相同的内容?
- 20. 在React的不同页面渲染相同的组件两次
- 21. 如何在页面加载时调用JavaScript函数一次,页面重新加载,不要再次调用它
- 22. 带有外部页面的jQuery ajax加载页面
- 23. 如何防止用户每次多次打开同一页面
- 24. 页面加载在每次刷新时都会有所不同
- 25. 在一个html页面中加载不同的页面?
- 26. Angular 2在同一页面上有多个组件
- 27. 将单独页面的div加载到另一个带有或不带刷新页面的页面中
- 28. 链接到带有iFrame的页面以加载不同的PDF文件
- 29. 在页面加载后立即再次加载页面
- 30. 如何加快有很多php加载的页面?
关于标志,你可以使用'Html.programWithFlags'并传递标志作为第二个参数为'嵌入()' – Natim