Answers for "tailwind installation"

1

tailwind cdn

<!-- 27kb compressed, 348kb raw -->

<link href="https://unpkg.com/[email protected]^1.0/dist/tailwind.min.css" rel="stylesheet">
Posted by: Guest on May-09-2020
0

install tailwind

npm install tailwindcss
npx tailwindcss-cli build css/tailwind.css -o build/tailwind.css
npm init -y
npm install -D tailwindcss postcss autoprefixer vite
npx tailwindcss init -p
npm run dev
Posted by: Guest on June-15-2021
1

tailwind install

Step 1:

npm install -D [email protected]:@tailwindcss/postcss7-compat [email protected]^7 [email protected]^9

Step 2:

npm install @craco/craco

Step 3:

package.json: 
{
    // ...
    "scripts": {

     "start": "craco start",

     "build": "craco build",

     "test": "craco test",

     "eject": "react-scripts eject"
    },
}

Step 4:

create craco.config.js at root

craco.config.js: 
module.exports = {
  style: {
    postcss: {
      plugins: [
        require('tailwindcss'),
        require('autoprefixer'),
      ],
    },
  },
}

Step 5:

npx [email protected] init

Step 6:

// tailwind.config.js at root
  module.exports = {

   purge: [],

   purge: ['./src/**/*.{js,jsx,ts,tsx}', './public/index.html'],
    darkMode: false, // or 'media' or 'class'
    theme: {
      extend: {},
    },
    variants: {
      extend: {},
    },
    plugins: [],
  }

Step 7:

/* ./src/index.css */
@tailwind base;
@tailwind components;
@tailwind utilities;
Posted by: Guest on October-20-2021
2

install tailwind

# If you're on Next.js v10
npm install -D [email protected] [email protected] [email protected]
# Or
yarn add -D [email protected] [email protected] [email protected]
# If you're on Next.js v9 or older
npm install -D [email protected]:@tailwindcss/postcss7-compat @tailwindcss/postcss7-compat [email protected]^7 [email protected]^9
Posted by: Guest on April-01-2021
-1

install tailwind

npm install -D [email protected] [email protected] [email protected]
Posted by: Guest on May-02-2021
0

install tailwind

npm install -D [email protected]:@tailwindcss/postcss7-compat [email protected]^7 [email protected]^9
Posted by: Guest on July-12-2021

Browse Popular Code Answers by Language