# Suggested tools for developing an elm SPA with a separate HTML file in 0.19

**URL:** <https://discourse.elm-lang.org/t/suggested-tools-for-developing-an-elm-spa-with-a-separate-html-file-in-0-19/1756>\
**Category:** Learn\
**Created:** [August 27, 2018, 12:48am UTC](https://discourse.elm-lang.org/t/suggested-tools-for-developing-an-elm-spa-with-a-separate-html-file-in-0-19/1756 "2018-08-27T00:48:58Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![connec](https://avatars.discourse-cdn.com/v4/letter/c/278dde/32.png) [@connec](https://discourse.elm-lang.org/u/connec)\
**Post date:** [August 27, 2018, 12:48am UTC](https://discourse.elm-lang.org/t/suggested-tools-for-developing-an-elm-spa-with-a-separate-html-file-in-0-19/1756/1 "2018-08-27T00:48:58Z")

</div>

Hi,

I’m working through upgrading an Elm 0.18 SPA to Elm 0.19. When developing the app with 0.18 I was using `elm reactor` to serve the `index.html`, and a little hack in `index.html` to load the app:

```auto
<script src="/_compile/Main.elm"></script>
...
<script>
const app = runElmProgram()
</script>

```

Unfortunately, this hack no longer works in 0.19 (the `_compile` route is no longer found). Whilst I’m not surprised this undocumented API stopped working, I’m curious: how are others developing SPAs with separate HTML files for Elm 0.19? In particular, I’d like to be able to reload the page in the browser without having to run any additional CLI commands. I’d also prefer to avoid going all in with WebPack etc. if there is a lighter, `elm reactor` only option I’m missing.

Any suggestions?

---

<div class="post-metadata">

**Author:** ![alexkorban](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.elm-lang.org/alexkorban/32/3242_2.png) [@alexkorban](https://discourse.elm-lang.org/u/alexkorban)\
**Post date:** [August 27, 2018, 3:11am UTC](https://discourse.elm-lang.org/t/suggested-tools-for-developing-an-elm-spa-with-a-separate-html-file-in-0-19/1756/2 "2018-08-27T03:11:45Z")

</div>

What about [elm-live](https://www.npmjs.com/package/elm-live)? It’s been updated for Elm 0.19.

---

<div class="post-metadata">

**Author:** ![connec](https://avatars.discourse-cdn.com/v4/letter/c/278dde/32.png) [@connec](https://discourse.elm-lang.org/u/connec)\
**Post date:** [August 27, 2018, 7:54pm UTC](https://discourse.elm-lang.org/t/suggested-tools-for-developing-an-elm-spa-with-a-separate-html-file-in-0-19/1756/3 "2018-08-27T19:54:16Z")

</div>

Ah, thanks for the suggestion! That works perfectly, and reduces the difference between the dev HTML and production HTML.

(In hindsight I probably should have [Googled](https://www.google.co.uk/search?q=elm+dev+server)!)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex035/uploads/elm_lang/original/1X/50a05e53677a2c3b47776d7abd0f113eb50193a1.png) [@system](https://discourse.elm-lang.org/u/system)\
**Post date:** [September 6, 2018, 7:54pm UTC](https://discourse.elm-lang.org/t/suggested-tools-for-developing-an-elm-spa-with-a-separate-html-file-in-0-19/1756/4 "2018-09-06T19:54:23Z")

</div>

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.