When I use scss as default style in my angular project. Without compiling the .scss file to .css, style is applied.therefore I want to know that the scss is directly applicable in project without compiling to css.I use vs code editor .
Browsers don't natively support scss.
But Angular CLI projects have scripts that compile your scss into css and bundle these files using Webpack. You will get the scripts by default with Angular CLI.
Solution
You only need to run ng serve
in Angular CLI to have Webpack compile, bundle, and serve your files.