Note: This project is deprecated. It was never a very good starter for real projects since you don't want your CSS framework to dictate your starter webpack setup — better to use vue-cli, create-react-app, etc.
We recommend using the tailwindcss/playground starter if you just want a simple project for playing around with Tailwind and PostCSS.
This is an example of a super simple Webpack setup for using Tailwind CSS.
To get started, clone the project and install the dependencies:
# Using npm
npm install
# Using Yarn
yarn
After that, start up Webpack Development Server:
npm run dev
Webpack Development Server will watch /src/styles.css and /tailwind.js and rebuild your stylesheet on every change.
You can play around with /index.html to see the effects of your changes.
To build a production bundle run:
npm run prod
After that you will have a ready to deploy bundle at /dist
Have a lot of experience with Webpack and suggestions on how we could improve this starter template? We'd love a PR!