vite with tailwindcss

James Kayode answered on June 4, 2020 Popularity 10/10 Helpfulness 3/10

answer vite with tailwindcss

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 10/10 Helpfulness 3/10 Language whatever

Source: tailwindcss.com

Tags: tailwind-css vite whatever

Link to this answer
Share Copy Link

Contributed on Jan 16 2024

James Kayode

0 Answers Avg Quality 2/10

Closely Related Answers

jquery document ready

Comments(1)

106

// jQuery document ready
$(document).ready(function() {
    
});

Popularity 10/10 Helpfulness 10/10 Language javascript

Source: Grepper

Tags: document-ready docu

Link to this answer
Share Copy Link

Contributed on Jun 04 2020

Ugly Unicorn

0 Answers Avg Quality 2/10

jquery document ready

Comment

// new version
$(function () { 
  
});


//old version
$(document).ready(function() {
    
});

// jQuery Shorthand ----------------------------
$(() => {
    // ...
});

//js dom ready
document.addEventListener("DOMContentLoaded", function(event) { 
  //we ready baby
});

$(document).ready(() => {
	console.log('ready');
});

Popularity 10/10 Helpfulness 6/10 Language javascript

Source: Grepper

Tags: document-ready docu

Link to this answer
Share Copy Link

Contributed on Mar 16 2022

Shadow

0 Answers Avg Quality 2/10

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 5/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

jquery document ready

Comment

The .ready() method is typically used with an anonymous function:
$( document ).ready(function() {
  // Handler for .ready() called.
});

Which is equivalent to the recommended way of calling:
$(function() {
  // Handler for .ready() called.
});

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: api.jquery.com

Tags: document-ready docu

Link to this answer
Share Copy Link

Contributed on Jul 23 2020

Old Knight

0 Answers Avg Quality 2/10

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 shel

Link to this answer
Share Copy Link

Contributed on Oct 25 2021

Fair Fox

0 Answers Avg Quality 2/10

jquery document ready

Comment

 jQuery(function() {
     

     });

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: document-ready docu

Link to this answer
Share Copy Link

Contributed on May 03 2022

Emmana Org

0 Answers Avg Quality 2/10

jquery document ready

Comment

$(document).ready(function() {
    /* code.. */
});

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: document-ready docu

Link to this answer
Share Copy Link

Contributed on Nov 17 2022

Laggs

0 Answers Avg Quality 2/10

tailwind vite

Comment

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

Popularity 9/10 Helpfulness 2/10 Language whatever

Source: tailwindcss.com

Tags: vite whatever wh

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 7/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 with tailwindcss

Contents

More Related Answers