- Elm 0.19
- Webpack 4
- Babel 7
- Hot Reloading
Elm dev environment with hot-loading (i.e. state is retained as you edit your code - Hot Module Reloading, HMR)). I use this daily for my professional work. Like elm-community/elm-webpack-starter but using Webpack 4.
- Route.elm
- Url stuff
- Elm-UI
- Palette.elm
- Local storage port boilerplate code
Clone this repo into a new project folder and run install script. (You will probably want to delete the .git/ directory and start version control afresh.)
With npm
$ git clone git@github.com:dubert/elm-base-project.git new-project
$ cd new-project
$ npm install
$ npm run dev
With yarn
$ git clone git@github.com:dubert/elm-base-project.git new-project
$ cd new-project
$ yarn
$ yarn dev
Open http://localhost:3000 and start modifying the code in /src.
(An example using Routing is provided in the navigation
branch)
Build production assets (js and css together) with:
npm run prod
Just add to src/assets/
and the production build copies them to /dist
elm-test init
is run when you install your dependencies. After that all you need to do to run the tests is
yarn test
Take a look at the examples in tests/
If you add dependencies to your main app, then run elm-test --add-dependencies
This starter includes Babel so you can directly use ES6 code.
- 1.0.0 - Initial version
Recently this was forked from https://github.com/simonh1000/elm-webpack-starter
A long time ago this code was forked from https://github.com/fluxxu/elm-hot-loader
webpack-serve --hot --colors --port 3000
webpack-serve --hot --host=0.0.0.0 --port 3000
- hot Enable webpack's Hot Module Replacement feature
- inline (default) a script will be inserted in your bundle to take care of reloading, and build messages will appear in the browser console.
- host=0.0.0.0 - enable you to reach your dev environment from another device - e.g your phone
- port 3000 - use port 3000 instead of default 8000