Resum per instal·lar Tailwind CSS en un projecte PHP amb MySQL

Instal·lar Tailwind CSS

1. Instal·lar dependències:

bash

npm install -D tailwindcss postcss autoprefixer

1. Inicialitzar Tailwind:

bash

npx tailwindcss init -p

Configurar Tailwind

1. Configurar tailwind.config.js:

javascript

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./resources/**/*.blade.php",
    "./resources/**/*.js",
    "./resources/**/*.vue",
    // Afegir altres rutes si cal
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

1. Afegir directives Tailwind al CSS (normalment a ./resources/css/app.css):

css

@tailwind base;
@tailwind components;
@tailwind utilities;

Executar el projecte

1. Executar el procés de construcció:

bash

npm run dev