TailwindCSS Starter Pack With Vite
git clone https://github.com/masud563/tailwind-starter-pack.git
TailwindCss Build For Development:
Start: On VS Code any live server
npm init -y
npm install -D tailwindcss@latest postcss-cli@latest autoprefixer@latest vite
npx tailwind init --full ( change name to tailwind-default.config.css )
Tailwind & Postcss Config
module . exports = {
mode : "jit" ,
purge : [ "./**/*.html" , "./src/**/*.{js,jsx,ts,tsx,vue}" ] ,
plugins : [ require ( "daisyui" ) ] ,
}
"scripts" : {
"dev" : "vite" , // start dev server
"build" : "vite build" , // build for production
"serve" : "vite preview" // locally preview production build
}
import { defineConfig } from 'vite'
export default defineConfig ( {
base : '/Tailwindcss-Starter-Pack-With-Vite/' // '/<REPO_NAME>/'
} )
$npm run build
$git add dist - f // remove dist folder from .gitignore file
$git commit - m 'dist folder added'
$git subtree push -- prefix dist origin gh - pages // adding a branch gh-pages and deploy