Created
August 1, 2022 16:39
-
-
Save tskxz/e1cb25b964434c952ce20e44a39e6469 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Ponto 1 | |
Criar projeto laravel | |
composer create-project laravel/laravel:^8.0 example-app | |
php artisan serve | |
Ponto 2 | |
Instalar tailwind css | |
npm install -D tailwindcss postcss autoprefixer | |
npx tailwindcss init | |
Ponto 3 | |
Adicionar tailwindcss no webpack.mix.js | |
mix.js("resources/js/app.js", "public/js") | |
.postCss("resources/css/app.css", "public/css", [ | |
require("tailwindcss"), | |
]); | |
Ponto 4 | |
Adicionar template no tailwind.config.js | |
module.exports = { | |
content: [ | |
"./resources/**/*.blade.php", | |
"./resources/**/*.js", | |
"./resources/**/*.vue", | |
], | |
theme: { | |
extend: {}, | |
}, | |
plugins: [], | |
} | |
Ponto 5 | |
Adicionar no ./resources/css/app.css | |
@tailwind base; | |
@tailwind components; | |
@tailwind utilities; | |
Ponto 6 | |
npm run watch | |
Atenção | |
Antes de rodar npm run watch, é preciso fazer os seguintes passos | |
composer update | |
rm -rf node_modules | |
php artisan route:clear |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment