Tailwind CSS Webpack Starter Project

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 src/template/index.html to see the effects of your changes.

You can also add more pages in src/template/. In order for webpack to pick up new pages, you have to restart the webpack development server.

To build a production bundle run:

npm run prod

After that you will have a ready to deploy bundle at /dist

Contributing

Have a lot of experience with Webpack and suggestions on how we could improve this starter template? We'd love a PR!