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 vote180 views1 answer
React static typescript properties
TypeScript
0 vote196 views1 answer
Error TS2304: Cannot find name 'beforeEach'.
TypeScript
1 vote207 views2 answers
The server time zone value 'FLE' is unrecognized or represents more than one time zone. You must configure either the server or JDBC driver (via the serverTimezone configuration property) to use a more
TypeScript
2 votes206 views1 answer
Enum usage typescript
TypeScript
0 vote204 views1 answer
Error: running homebrew as root is extremely dangerous and no longer supported. as homebrew does not drop privileges on installation you would be giving all build scripts full access to your system.
TypeScript
0 vote229 views1 answer
Angular material date picker add dates automatically
TypeScript
23 votes301 views5 answers
Nodemon typescript
TypeScript
1 vote222 views1 answer
Whats the biggest lesson to know if programming
TypeScript
0 vote221 views1 answer
How to add space between inputs in a text file python
TypeScript
0 vote237 views2 answers
"Type error: ReflectionFunction::__construct() expects parameter 1 to be string, array given"
TypeScript