Skip to content

Development Setup for TailwindCSS using Galp and HTML import

License

Notifications You must be signed in to change notification settings

shadracnicholas/tailwindcss-gulp

Repository files navigation

Gulp with TailwindCSS Starter Kit

Gulp with TailwindCSS Starter Kit ( Updated with TailwindCSS JIT )- 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 // 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"
     }
  }
  ...
}

File Includes

Import any html file as shown below. Example is implemented on default Index.html

    @@include('./includes/header.html')

About

Development Setup for TailwindCSS using Galp and HTML import

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published