Gulp with TailwindCSS Starter Kit

This is a starter kit for using Gulp with TailwindCSS. It provides a simple setup to get started with a development environment that includes live reloading, CSS processing, and TailwindCSS.

Features

• Gulp for task automation
• TailwindCSS for utility-first CSS
• PostCSS for CSS processing
• Autoprefixer for vendor prefixes
• CSSNano for CSS minification
• Source maps for easier debugging

Getting Started

Prerequisites

• Node.js and npm installed

Installation

1. Clone the repository:

   git clone https://github.com/Sivamani-18/gulp-tailwind-starter.git
   
   cd gulp-tailwind-starter
   
   npm install
   

Running the Development Server

To start the development server and watch for file changes, run:

gulp

Project Structure

gulp-tailwind-starter/
├── dist/
│   └── css/
│       └── tailwind.css (generated by gulp)
├── node_modules/ (generated by npm install)
├── src/
│   ├── styles/
│   │   └── tailwind.css
│   └── index.html
├── gulpfile.js
├── package.json
├── postcss.config.js
└── tailwind.config.js