Angular import styles.scss

Change css to scss angular

ng config schematics.@schematics/angular:component.styleext scss

Source: medium.com

How to import scss file in angular

In the new angular v6, importing sass files is a little different from the previous version.

I just needed to import like this (in a component stylesheet)

@import "~src/sass/variables";    // note: without file extension

Now everything works fine

Thanks all for the help

Source: stackoverflow.com

Angular import styles.scss

in angular.json:
...
"styles": [
              ...
              "src/styles.scss"
            ],

and in the components.ts
...
styleUrls: ['./app.component.scss']

Similar codes

0 vote274 views1 answer
Ngclass stackoverflow
TypeScript
1 vote284 views1 answer
Typescript exclude jest files
TypeScript
2 votes374 views1 answer
Error: failed to synchronize all databases (unable to lock database)
TypeScript
1 vote242 views1 answer
Route resource adonis
TypeScript
0 vote277 views1 answer
The react-scripts package provided by Create React App requires a dependency: [1] [1] "webpack": "4.42.0"
TypeScript
0 vote249 views1 answer
Python select only first elements of a 2d array
TypeScript
0 vote262 views1 answer
Declaration of instance field not allowed after declaration of instance method. Instead, this should come at the beginning of the class/interface
TypeScript
0 vote256 views1 answer
Lifecycle components android dependency
TypeScript
39 votes327 views6 answers
Cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
TypeScript
0 vote252 views1 answer
Angular elementref parent
TypeScript