How do you add SASS/SCSS to an Angular project?

Problem Statement

Explanation

When creating the project: `ng new app --style=scss`. For an existing app, run `ng config schematics.@schematics/angular:component.styleext scss` and update angular.json styles to point to .scss files. Component styles can directly use .scss files once the builder is configured.

Code Solution

SolutionRead Only

// angular.json (excerpt)
"styles": [ "src/styles.scss" ]

Practice Sets

This question appears in the following practice sets:

Templates, Directives & Pipes

Next Question

Master Interviews
Anywhere, Anytime

How do you add SASS/SCSS to an Angular project?

Problem Statement

Explanation

Code Solution

Practice Sets

Related Questions

Why was a client-side framework like Angular introduced?

How does an Angular application work?

How are Angular expressions different from JavaScript expressions?

What are Single Page Applications (SPAs)?

What are templates in Angular?

More from Angular

Master Interviews Anywhere, Anytime

How do you add SASS/SCSS to an Angular project?

Problem Statement

Explanation

Code Solution

Practice Sets

Related Questions

Why was a client-side framework like Angular introduced?

How does an Angular application work?

How are Angular expressions different from JavaScript expressions?

What are Single Page Applications (SPAs)?

What are templates in Angular?

More from Angular

Master Interviews
Anywhere, Anytime