Laravel

Tailwind CSS в laravel

Интеграции Tailwind CSS в ваш проект Laravel

  1. Установка Tailwind CSS и зависимостей:
    npm install -D tailwindcss postcss autoprefixer
  2. Инициализация Tailwind CSS: 
    npx tailwindcss init -p

    Генерация файлов tailwind.config.js и postcss.config.js.

  3. Настройка Tailwind CSS:
    Добавьте директивы @tailwind для каждого слоя Tailwind в файл resources/css/app.css.
    @tailwind base;
@tailwind components;
@tailwind utilities;

    В файле tailwind.config.js: 

    /** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./resources/**/*.blade.php",
    "./resources/**/*.js",
    "./resources/**/*.vue",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}
  4. Запустите или перезапустите:
    npm run dev
  5. Полезные ссылки:
    https://tailwindcss.com/docs/installation
    https://www.tailwind-kit.com