Install Tailwind Css v2.0 with Laravel Mix.
Mix is a wrapper that simplifies setting up webpack. We’ll take a look at installing Tailwind Css v2.0 with Sass. Have the ability to write Vanilla Javascript with ES6 Syntax and have it compile for the browser to understand. All with Hot live reloading with browserSync.
This will provide a base for developing website/apps using tailwind, sass and vanilla js when you’re not using a frontend framework.
Source Code
https://github.com/codewithchu/tailwindcss-v2-mix6-sass
Video Sections:
00:00 Overview
01:40 Setup Project
02:30 Install Laravel Mix 6
04:51 Install Tailwind Css v2
08:00 Config Sass, PostCss and browserSync
12:45 Setup NPM Scripts
14:45 Vanilla JS with Es6 Syntax
16:28 Sass with Tailwind
17:35 Markup Demo with Tailwind Css v2.0
21:34 Build for Production
22:08 Recap
24:12 Outro
Subscribe and Learn to codewithchu
https://www.youtube.com/channel/UCSyosm-WcUPT4LnUIIdqSCw
MacOS Tutorial Series
Resources
————————————————————–
TailwindCss – https://tailwindcss.com
Laravel Mix – https://laravel-mix.com
Sass – https://sass-lang.com
BrowserSync – https://browsersync.io
NodeJs – .https://nodejs.org
VScode – https://code.visualstudio.com
Connect with codewithchu
————————————————————–
https://arthurchu.ca
Tweets by codewithchu
https://www.instagram.com/codewithchu
https://www.facebook.com/codewithchu
https://github.com/codewithchu
source