Eleventy Starter w/ TailwindCSS and Gulp

This is a new starter; you probably don't wanna use it yet.

A starter project for static site generated with @11ty/eleventy using TailwindCSS and gulp tasks.

Eleventy I/O

I/O is different from 11ty's default input/output.

Eleventy is configured to use ./src as its input, and ./dist as its output.

These are set as variables in both .eleventy.js and the main gulpfile.js, so you can easily change them if you need different directories.

Install

Clone the repo, then run yarn or npm install.

Build

yarn build or npm run build

Dev watch / server

yarn start or npm start

This command will watch all your files and run a local development server on port 8000 (default for gulp-webserver).

CSS

See ./tailwind.js and ./src/css/app.css to customize CSS.

The Tailwind config file is the package's default, generated by its built-in init script.

The app.css file is bare bones.

Purge and Minification

TBD

• PurgeCSS support
• MinifyCSS support

JavaScript

TBD

• Babel
• Uglify for production