html-tailwindcss-gulp-starter-template Tailwind Templates

Html Tailwindcss Gulp Starter Template

Tailwind Starter Template with Gulp for HTML Project

TailwindCSS Starter Template with Gulpjs for HTML Project

Usage

  1. Install Dependencies Packages
npm install // or yarn install
  1. To start development and server for live preview
npm run dev // or yarn dev
  1. To generate minified 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: {
      tailwindjs: "./tailwind.config.js",
      port: 3001 // 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"
     }
  }
  ...
}

Top categories

Loading Svelte Themes