This post is meant to document my understanding for supporting auto-refresh behavior for a browser when updating Elm files.
Given that the elm file that I’m working on is named “Main.elm”, the following needs to be done:
1: create/update index.html with the following:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="style.css"> <script src="main.js"></script> </head> <body> <script> Elm.Main.fullscreen(); </script> </body> </html>
2: Enter the following command on whatever command-line interface
elm-live Main.elm --open --output=main.js
After performing the steps above, every time a save operation occurs, an automatic refresh should also occur on the browser displaying the webpage (i.e. index.html)
In conclusion, I have documented the two steps required for auto refresh support when saving updates to an Elm file.