/gulp-with-tailwindcss

Gulp with TailwindCSS Starter Kit

Primary LanguageJavaScript

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
  1. To start development and server for live preview
 npm run dev
  1. 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": "./dist",
            "css": "./dist/css",
            "js": "./dist/js",
            "img": "./dist/img"
        },
    }
    ...
}