Gulp with TailwindCSS Starter Kit

Gulp with TailwindCSS Starter Kit - A repo which makes your development easier with predefined gulp tasks that help you to use tailwindcss with simple npm commands

Commands

1. Install Dev Depedencies

    npm install
   

2. To start development and server for live preview

    npm run dev
   

3. To generate minifed files for live server

    npm run build 
   

How to include Google Fonts to your project

Please follow the this tailwind documentation to include fonts to tailwind config file and just link using <link> tag

Options

Paths

To change the path of files and destination/build folder, edit options in package.json file

"options": {
    ...
    "paths": {
        "root": "./",
        "src": {
            "base": "./src",
            "css": "./src/css",
            "js": "./src/js",
            "img": "./src/img"
        },
        "dist": {
            "base": "./dist",
            "css": "./dist/css",
            "js": "./dist/js",
            "img": "./dist/img"
        },
        "build": {
            "base": "./build",
            "css": "./build/css",
            "js": "./build/js",
            "img": "./build/img"
        },
    }
    ...
}