/gulp-with-tailwind

Gulp 4 and Tailwind css starter kit with gulp-file-include

Primary LanguageJavaScript

Gulp with TailwindCSS Starter Kit

  1. Install Dev Depedencies
npm install // or yarn install
  1. To start development and server for live preview
npm run dev // or yarn dev
  1. To generate minifed files for production server
npm run prod // or yarn 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"
     }
  }
  ...
}