How to use Sass and Tailwind CSS in Laravel and Vite

preview_player
Показать описание
In this video, we will learn how to install Sass / SCSS and Tailwind CSS in a Laravel project using Vite JS. The new Laravel app has used Vite so we are going to learn how to config Vite to use Sass and Tailwind. I'll teach you every thing step by step and do it by following the Tailwind CSS and Vite documentation from its official website.

At the end of this video, you will know how to use Sass and Tailwind in Laravel with Vite. If you don't know how to set up SCSS and Tailwind in Laravel, this video must be watched !!

  1. Devtamin
  2. laravel
  3. Laravel Framework
  4. Laravel Basic
  5. Laravel tutorial
  6. install Laravel
Рекомендации по теме
Sass in 100 0:02:31

Sass in 100 Seconds

How to use 0:02:38

How to use Sass in React | Use SCSS in React for Beginners

Sass Tutorial for 2:02:59

Sass Tutorial for Beginners - CSS With Superpowers

SASS @use and 0:06:02

SASS @use and @forward in 6 minutes

Get your stylesheets 0:07:19

Get your stylesheets more organized with Sass partials

Sass and BEM 3:45:10

Sass and BEM for beginners

Stop using @import 0:13:13

Stop using @import with Sass | @use and @forward explained

How to use 0:03:56

How to use Sass in React with Vite

New from The 1:09:14

New from The Washi Tape Shop & MojoJoJoPlans

🔴 Complete SASS 0:31:17

🔴 Complete SASS & SCSS Tutorial for Beginners in Hindi in 2020

Partials & Imports 0:05:44

Partials & Imports | Starting with Sass

Mixins | Sass 0:04:28

Mixins | Sass & Scss | Tutorial 9

what is sass 0:05:34

what is sass vs scss? (beginner) anthony explains #152

Operators | Sass 0:03:58

Operators | Sass & Scss | Tutorial 11

How to Use 0:05:44

How to Use Sass in Next.js | Use SCSS in Next.js for Beginners

Nesting | Sass 0:04:34

Nesting | Sass & Scss | Tutorial 7

sass vs scss 0:08:53

sass vs scss - what's the difference and which should you use?

How to use 0:07:58

How to use Sass and Tailwind CSS in Laravel and Vite

Sass Crash Course 0:48:05

Sass Crash Course

Variables | Sass 0:05:57

Variables | Sass & Scss | Tutorial 6

SASS Tutorial #5 0:08:01

SASS Tutorial #5 - Mixins

How to use 0:04:16

How to use Sass in Vite from Scratch

Extend & Inheritance 0:04:21

Extend & Inheritance | Sass & Scss | Tutorial 10

Partials & Imports 0:04:54

Partials & Imports | Sass & Scss | Tutorial 8

Комментарии
Автор

If you have a bit of a bigger project, you might want to split up your app.scss into different, smaller files to make things more manageable. For example next to your app.scss, you'd want a _settings.scss, _header.scss, _footer.scss or things like that.
How would you go about that?

jakke
Автор

Hi, do you have any tutorial on how to use Postcss with Laravel?

akilaliyanage