Breaking News: Grepper is joining You.com. Read the official announcement!

vite tailwind

Add Answer

Fair Fox answered on October 25, 2021 Popularity 10/10 Helpfulness 4/10

answer vite tailwind

related tailwind vite

related vite with tailwindcss

related tailwind vite

vite tailwind

Comment

npm i -D tailwindcss@latest postcss@latest autoprefixer@latest

npx tailwindcss init -p

# inside tailwind.config.js 
mode: "jit", 
purge: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}']

# creates src/index.css and then import it into src/main.js
echo -e "@tailwind base; \n@tailwind components; \n@tailwind utilities;" >> src/index.css

# src/main.js
import './index.css'

Popularity 10/10 Helpfulness 4/10 Language shell

Source: tailwindcss.com

Tags: shell vite

Link to this answer
Share Copy Link

Contributed on Oct 25 2021

Fair Fox

0 Answers Avg Quality 2/10

Closely Related Answers

tailwind vite

Comment

npm install -D tailwindcss@latest postcss@latest autoprefixer@latest

npx tailwindcss init -p

# add ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'] to purge in tailwind.config.js

echo -e "@tailwind base; \n@tailwind components; \n@tailwind utilities;" >> src/index.css

# add index.css file in src/main.js
# import './index.css'

Popularity 9/10 Helpfulness 6/10 Language shell

Source: tailwindcss.com

Tags: shell shel

Link to this answer
Share Copy Link

Contributed on Oct 25 2021

Envious Emu

0 Answers Avg Quality 2/10

vite with tailwindcss

Comment

npm create vite@latest my-project -- --template react
cd my-project


npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p


content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],

Popularity 9/10 Helpfulness 4/10 Language whatever

Source: tailwindcss.com

Tags: tailwind-css tailwind-c

Link to this answer
Share Copy Link

Contributed on Jan 16 2024

James Kayode

0 Answers Avg Quality 2/10

tailwind vite

Comment

module.exports = {
  content: [
    "./index.html",
    "./src/**/*.{vue,js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

Popularity 8/10 Helpfulness 2/10 Language whatever

Source: tailwindcss.com

Tags: vite whatever

Link to this answer
Share Copy Link

Contributed on May 21 2022

Yellowed Yak

0 Answers Avg Quality 2/10

tailwind vite

Comment

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

Popularity 4/10 Helpfulness 1/10 Language whatever

Source: tailwindcss.com

Tags: vite whatever

Link to this answer
Share Copy Link

Contributed on Feb 07 2024

Oluboi Noni

0 Answers Avg Quality 2/10

vite tailwind

Contents

More Related Answers

vite tailwind

Closely Related Answers

tailwind vite

vite with tailwindcss

tailwind vite

tailwind vite

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.