Breaking News: Grepper is joining You.com. Read the official announcement!

install tailwindcss and flowbite in laravel

STEVE-ROLAND NDE TSAPI answered on September 15, 2022 Popularity 3/10 Helpfulness 4/10

answer install tailwindcss and flowbite in laravel

install tailwindcss and flowbite in laravel

Comment

composer global require laravel/installer
laravel new project-name
cd project-name
npm install -D tailwindcss postcss autoprefixer flowbite
npx tailwindcss init
#In tailwind.config.js file : 
module.exports = {
    content: [
      "./resources/**/*.blade.php",
      "./resources/**/*.js",
      "./resources/**/*.vue",
      "./node_modules/flowbite/**/*.js"
    ],
    theme: {
      extend: {},
    },
    plugins: [
        require('flowbite/plugin')
    ],
  }
#Add tailwind in Laravel Mix configuration by requiring it inside webpack.mix.js :
mix.js("resources/js/app.js", "public/js")
  .postCss("resources/css/app.css", "public/css", [

    // add here
    require("tailwindcss"),

  ])
#Add tailwind directive inside the ./resources/css/app.css file : 
@tailwind base;
@tailwind components;
@tailwind utilities;

# Include app.css file inside the <head> tag of the view templates
<link href="/css/app.css" rel="stylesheet">

#Require the flowbite.js file before the end of the <body> tag:
<script src="../path/to/flowbite/dist/flowbite.js"></script>

Popularity 3/10 Helpfulness 4/10 Language shell

Source: flowbite.com

Tags: flowbite laravel shell tailwind-css

Link to this answer
Share Copy Link

Contributed on Sep 15 2022

STEVE-ROLAND NDE TSAPI

0 Answers Avg Quality 2/10

install tailwindcss and flowbite in laravel

Contents

More Related Answers

install tailwindcss and flowbite in laravel

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.