Tai11s - the Eleventy + Tailwind CSS starter

Tai11s is a minimal starting point for Eleventy projects using

Features:

• 11ty
• Sass/SCSS
• Webpack
• Babel
• light-server
• PostCSS
• CSSnano
• Autoprefixer

Credit

This is a fork of a starter repo originally created by Ian Rose.

I have added

• Tailwind CSS config build chain (NB tailwind.config.js is only compiled at each hard run of the script so you will need to quit and re-run npm run dev if you make changes during local development)
• Purge CSS conditionally run at build, but not during local development

Getting Started

Clone this repo and install all dependencies using npm:

How to use in development

$ npm run dev

And in debug mode:

$ npm run dev:debug

You can view the rendered site at the given access URL served up by light-server:

$ light-server is listening at http://localhost:4000

The local url is configured in .lightserverrc

To build ready for production

npm run build

Tai11s will build and optimise your code ready for deployment

• Pack and optimise javascript
• Build tailwind CSS from config, compile your Sass and run PurgeCSS to remove unusued classes based on the output dist folder

BONUS: Travis Github Pages deployment script

.travis.yml can be modified to suit your own needs. This simple script will build from a named branch and deploy to Github Pages via your Travis CI account.

Store your Github Token securely in the Travis control panel