A simple Webpack 2 setup for writing Elm apps with elm-bootstrap:
- Dev server with live reloading, HMR
- Support for CSS/SCSS (with Autoprefixer), image assets
- Bundling and minification for deployment
- Bootstrap 4 Template fixed navbar example implemented by elm-bootstrap Navbar
- Use elm-css to generate css from elm code
- Use elm-css-webpack-loader to load Stylesheets.elm as css
Clone this repo into a new project folder, e.g. my-elm-project:
git clone https://github.com/jiwhiz/elm-bootstrap-webpack-starter my-elm-project
cd my-elm-project
Re-initialize the project folder as your own repo:
rm -rf .git # on Windows: rmdir .git /s /q
git init
git add .
git commit -m 'first commit'
Install all dependencies using the handy reinstall script:
npm run reinstall
This does a clean (re)install of all npm and elm packages.
npm start
- Access app at
http://localhost:8080/ - Get coding! The entry point file is
src/elm/Main.elm - Browser will refresh automatically on any file changes..
npm run build
- Files are saved into the
/distfolder - To run locally, use
npm run local