Skip to content

ZihadHosan/gulp-with-tailwindcss

 
 

Repository files navigation

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

Usage

  1. Install Dev Depedencies
npm install
  1. To start development and server for live preview
npm run dev
  1. To generate minifed files for production server
npm run prod 

Configuration

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

{
  config: {
      ...
      port: 9050 // browser preview port
  },
  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"
     }
  }
  ...
}

About

Gulp with TailwindCSS Starter Kit

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 55.5%
  • HTML 37.1%
  • SCSS 7.4%