Angular 5 setup with SASS, LESS preprocessor tutorial

Setup Angular 5 project to use with SASS (SCSS ) or LESS pre-processors using Angular CLI
Article and code samples from this tutorial
* github.com/tec...
* techsith.com
Please be my patreons on patreaon
* / techsith
Follow me for technology updates
* / techsith
* / techsith1
Help me translate this video.
* www.youtube.com...

[@atolz1352]

Straight to what I wanted thanks alot

[@alan614]

Great Tutorial ! I just installed Sass into my basic app. Really appreciate you taking the time to make this vid.

[@Techsithtube]

Alan , I am glad it helped you. I will have a video on using sass with bootstrap next week if you are interested in. Thanks for watching!

[@MrOmnidextrous]

Always something to learn from your videos. Kudos.

[@shankaragoudag4661]

Need more videos on these topics in depth.

[@zoecarlibur]

I'm really loving Angular 5

[@alexander5052]

Great tutorial! Thank you

[@midassibayram8860]

it is a really an amazing tutorial!! thanks a lot

[@neonize3652]

Helped me a lot, thanks!

[@JP8ROCKCHANNEL]

You may use "ng set default.styleExt scss -g --" will change all extension of set property without editing each style file extension.

[@deepu0012]

It is very useful tutorial. Thank you for sharing .

[@Techsithtube]

Thanks for watching deepu!

[@ginanabila1014]

Great, Thanks for the video!

[@agbaid]

So I'm running angular 7. The compiler doesn't recognize my _vars file without the underscore and full name. Also doesn't recognize the tilder either

[@adedayoadesegun2835]

Thank you so much for this

[@SargsyanGagik]

Thank you very much!!! it worked !!!

[@MrTaziz]

Love your videos, keep up!!

[@motivationalstory17]

Nice tutorial as usual

[@ganeshrajan7082]

Good One! Your tutorials are very interesting with speed 1.5x :-)

[@neetuyadav6877]

nice video

[@Techsithtube]

Neetu, Thanks for the visit

[@JoaoVictor-mm1en]

Great tutorial!

[@kubekittechnology7607]

Good tuts. You plan to do tutorial about modules in JavaScript ?

[@Techsithtube]

I will try to make it by next week . it was on my list actually.

[@bhavanirompicharla9097]

Thank you .. you have cleared my doubt.

[@Techsithtube]

Thanks for watching Bhavani!

[@marcin9148]

Hi techsith! I might sound a bit ignorant, but what IDE are you using ? Also keep doing a great job. Wish you lots of success in 2018.

[@Techsithtube]

Marcin , have a wonderful and successful 2018. The IDE I am using In this tutorial is vsCode.

[@SapanKumarDas]

nice one

[@fulleride05]

Using Angular 8 unable to import vars. @import '~scss/vars' returns the error Can't find stylesheet to import

[@hasmukhbaldaniya2603]

Great video. Do you plan to make a video for angular unit testing?

[@Techsithtube]

I do have a video on unit testing kzbin.info/www/bejne/emfUgXetrJeLbs0 I am planning to make more video on that subject.

[@hasmukhbaldaniya2603]

I have seen that and also commented there

[@prathipatipurna4026]

Good one.

[@Techsithtube]

Thanks Prathipati.

[@anthonytran8998]

What about sass/scss linting? Is that already incorporated into the Angular CLI?

[@Techsithtube]

In your editor you can add scss linter.

[@harshdesai5373]

I have followed the same tutorial but getting the following error, please help me out ERROR in multi ./scss/styles.scss Module not found: Error: Can't resolve '/Users/harsh/Virgo/scss/styles.scss' in '/Users/harsh/Virgo'

[@Techsithtube]

Your import path seems to be incorrect based on the error.

[@volkan5945]

I tried this example step by step. But when I import the browser it gives 'invalid property value' error and does not see any style codes

[@Techsithtube]

Are you talking about importing angular/platform-browser?

[@volkan5945]

Thanks for your interest. I fixed the problem. totally my mistake.

[@chicagoboy279]

something changed in angular 7? not aplying my global styles

[@chicagoboy279]

seems like my bootstrap/scss is manipulating it

[@shakeelkoper7068]

What if we have existing project in css and want to convert it to scss project...???

[@Techsithtube]

you have to convert all your css files to scss file extension.

[@rahul11pamnani]

thankuu :-)

[@none0n]

Blue background, and ugly red font... Lmao, I saw that coming. Great tutorial.

[@Techsithtube]

Lmao. Thanks for watching!

[@Sk112aa]

If you are using Angular6, ~ wont work. Use ~src. See this stackoverflow.com/questions/51011228/scss-file-imports-using-tilde-is-not-working-in-angular-6

[@girishacharya227]

how to use 2 different angular projects in one module

[@Techsithtube]

you mean one module in two different projects?

[@trappedcat3615]

oh no, what happened to your Twitter, techsith. It appears suspended :(

[@Techsithtube]

its actually techsith1. :)

[@Ivanovic021]

Love your channel. Have learned few useful things from it. Is this your GitHub profile github.com/techsithgit ? Add a logo or something...

[@Techsithtube]

Fixed it. Thanks for suggesting.

[@Ivanovic021]

Your welcome! More people can find you now.

[@garvit11joshi]

First Like..

[@Techsithtube]

Thanks Garvit :)

[@alexbatista2756]

Very useful! Thank you.

[@elderjunior5433]

Great video, thank you!