Elf is a simple & magical Eleventy starter kit to help you create a project using standard technologies like webpack, Babel and Sass, while also considering ease of use, performance and browser compatibility.
MIT License
Elf is a simple, magical Eleventy starter kit to help you create a project using standard technologies like webpack, Babel and Sass, while also considering ease of use, performance and browser compatibility.
If you'd like to know why Elf exists and how best to take advantage of it, read Creating a production-ready Eleventy project with webpack, Babel and Sass.
git clone https://github.com/stowball/elf
cd
into the project directory and run npm install
npm run dev
Browse to http://localhost:8080.
npm run prod
npm run serve:prod
Browse to http://localhost:5000.
src/
_components/
All UI partials
_data/
Eleventy data files
_layouts/
Base page layouts
_pages/
Each individual page template
assets/
css/
index.scss
All other scss files
js/
index.js
All other js files
images/
All images used
Configuration and build files
Files in assets
will be handled by webpack, Eleventy will transform all of the directories with a leading _
, and will copy across any images
.
Eleventy’s output will be to a dist
directory at the root level.