Get updates via , Github, or RSS | About

Episode 52: SPA - Webpack Setup Feb 8, 2018

This episode begins a series in which we build a Single Page Application (SPA) clone of Hacker News. We’ll call our version Technologist News.

We begin by setting up the most basic application and supporting infrastructure possible. We’ll use Webpack to do our automatic compilation.

Examples

app.js

import Elm from '../src/Main.elm'

const div = document.getElementById('main')
window.main = Elm.Main.embed(div)

index.html

<!DOCTYPE html>
<html>
<body>
  <main id="main"></main>
  <script src="/dist/bundle.js"></script>
</body>
</html>