TailwindCss

Created at: 2022-02-05 11:38:00 | Updated at: 2024-03-18 06:53:40

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

//Afegiu els camins a tots els fitxers de plantilla del vostre tailwind.config.js fitxer.//

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

//Afegiu les @tailwinddirectives per a cadascuna de les capes de Tailwind al vostre fitxer. ./resources/css/app.css//

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

//Executeu el vostre procés de creació amb npm run dev.//

npm run dev

No valid image directory found or the category is not valid for the gallery.

Back to Posts
TailwindCss

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.