Skip to content

Instantly share code, notes, and snippets.

@tskxz
Created October 8, 2022 20:29
Show Gist options
  • Save tskxz/cd13b65fd195bcabc80c17ba47548bfb to your computer and use it in GitHub Desktop.
Save tskxz/cd13b65fd195bcabc80c17ba47548bfb to your computer and use it in GitHub Desktop.
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