how to import scss file in angular 1

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

Here is what the above code is Doing:
1. It’s importing the sass file from the root directory.
2. It’s importing the sass file without the file extension.
3. It’s importing the sass file using the tilde (~) character.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules folder.

The tilde (~) character is a shortcut for the node_modules

Similar Posts