Stop using an extension to compile Sass

🔗 Links

⚡More Sass content:

⌚ Timestamps
00:00 - Introduction
00:51 - Don't use the old extension
02:17 - Another problem with the older version of Sass
03:27 - The new extension that works
07:09 - The benefits of using other methods
10:02 - Setting up the npm script
17:02 - Modifying the script for assets and to get it working on Windows

#css

--

Come hang out with other dev's in my Discord Community

Keep up to date with everything I'm up to

Come hang out with me live every Monday on Twitch!

---

Help support my channel

---


---

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.


---

And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

[Imran-Desk]

Ritwik Dey is a friend of my friend. He has also built live server

[MikeHerzog_de]

cancelling node on Mac is `Ctrl-C` as well. `Cmd-C` is "copy to clipboard" ; )

[johnsonb]

I really appreciated this video! I have already begun using this file structure in my projects with the new Sass @use & @forward folder structure. Also that issue with the live sass compiler was giving me grief for days!! I really appreciate you explaining this in simple terms. Your videos are great

[JJW]

After several trials and errors trying to download SASS, this is the ONLY video that worked. Thank you much!

[ryannotfound]

Awesome Kevin, I'm not great with Sass, but you completely demystified it for me. Going to start using this method from now on.

[triteraerlangga]

Your face when you hit "npm install" and shows error, priceless... but thanks Kevin! I always compile my SASS file with live SASS compiler, and somehow I have exact same issue like what you had before.. this video is really helpful!

[ThiNguyen-bmln]

I want to become a professional backend engineer but I'm stuck with Frontend at the moment and your videos are super helpful and easy to understand. Thanks a ton!

[alvaroprietovideos]

It would be nice to have more videos about NPM, thank you for sharing, I love your content!

[rjmunt]

Some of my ancient projects were put together with GUI build tools. A decades later when I want to tweak it I end up just leaving it alone, it's a lot of hassle to reproduce the build environment.

Nowadays I get a lot of joy from setting up developer environments and CI/CD automation. Making a change, pushing your branch and having the project build, test and deploy for free ... 🤩

The initial setup of saves so much time in the long run.

[jhankcean]

In my most recent build,
been using node Sass Chokidar for live compiling.

Little bit less beefy compiler but used it and changed my run scripts to watch and compile for live updates.

Also used npm-run-all as a hacky way run my watch and start scripts at the same time.

[carbellsarfo]

Excellent video by all standards. I was constantly running into problems when compiling my sass and this for me is my redemption.
Thank you very much Kevin

[progressisbeautiful]

Thank you for this wonderful tutorial.
I've been struggling with extensions for a while, and there is no annoying terminal window at the bottom when compiling anymore.

[golden]

I had that problem with min() today and had to find another solution. Now I know I need to install new extension. Thanks for video :) Pity, you haven't uploaded it, I don't know, yesterday? :D

[wvdheuvel]

Great! I used to use npm packages, didn't know about vscode extensions. Extensions look a lot simpler. Will be using this now 👍

[dragoshjianu]

Hello Kevin
You are doing a great job for all of us. I was wondering when the new SASS course will be released? There are some things that I need to put in order in my mind for basic sass. and I just need your explanations for the advanced stuff (functions, mixins etc)
Keep up the good work! Cheers!🍻

[valeriousmonk]

This is what I needed! life is easier with your videos

[AbhinavKulshreshtha]

Can we have github link for the project you are showcasing here.? I want to check the folder structure and flow with newer sass @forward rules.

[neenreva]

Perfect timing for me on this one sir.... I was just running into this issue.

[Sebastian-zscp]

how do you configure that the style.css comes out here -> assets/css? or where the target is?

[thomasemerson]

Hey Kevin - Great video. Just had a question about if we would need to do the same with a javascript file?
Thanks heaps!