Provides a playground for quick experiments using Tailwind Jit, PostCSS and plain HTML files, including live reload capabilities.
Fetch the code, install dependencies and run the dev server:
npx degit drubb/tailwind-postcss-html playground
cd playground
npm install
npm run dev
The dev server uses port 3000 by default, so the preview is available in the browser at localhost:3000.
Now try changing .html or .pcss files, and the pages will be reloaded on save.
The .pcss extension for css files is used for convenience (better IDE support). If you prefer using .css as extension, you'll also need to change the watch command in package.json!
- Tailwind 2.2 with Jit mode activated
- PostCSS 8 with postcss-import and postcss-preset-env
- Live-Server to provide live reload capability