xxxxxxxxxx
#Just install breeze to have Tailwind CSS and Alphine Js
1. composer require laravel/breeze --dev
2. php artisan breeze:install
3. npm install && npm run dev
xxxxxxxxxx
module.exports = {
content: [
"./resources/**/*.blade.php",
"./resources/**/*.js",
"./resources/**/*.vue",
],
theme: {
extend: {},
},
plugins: [],
}
xxxxxxxxxx
/* ./resources/css/app.css */
@tailwind base;
@tailwind components;
@tailwind utilities;
xxxxxxxxxx
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init
//webpack.mix.js
mix.js("resources/js/app.js", "public/js")
.postCss("resources/css/app.css", "public/css", [
require("tailwindcss"),
]);
//tailwind.config.js
module.exports = {
content: [
"./resources/**/*.blade.php",
"./resources/**/*.js",
"./resources/**/*.vue",
],
theme: {
extend: {},
},
plugins: [],
}
//app.css
@tailwind base;
@tailwind components;
@tailwind utilities;
npm run watch
//NOTE : Make sure your compiled CSS is included in the <head> then start using Tailwind’s utility classes to style your content.
<link href="{{ asset('css/app.css') }}" rel="stylesheet">