how to import scss file in angular

ByAnurag batra October 2, 2022September 6, 2022

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

Javascript Examples

what is a dictionary in programming

ByAnurag batra July 1, 2022June 30, 2022

// This is a JS Object (dictionary eqiv.) var obj = { num:16, str:’hello’, bool:true }; Here is what the above code is Doing: 1. We’re creating a variable called obj. 2. We’re setting obj equal to an object. 3. The object has three properties: num, str, and bool. 4. Each property has a value.

Javascript Examples

js array copy not reference

ByAnurag batra July 30, 2022June 30, 2022

let arr1 = [1,2,3,4,5] let arr2 = arr1 // copies the reference of the array arr2 = […arr1] // copies the values of the array Here is what the above code is Doing: 1. arr1 is an array with 5 elements. 2. arr2 is assigned the value of arr1. 3. arr2 is then reassigned to…

Javascript Examples

what is browse router

ByAnurag batra October 1, 2022September 6, 2022

// renders // renders … // A that uses the HTML5 history API (pushState, replaceState and the popstate event) to keep your UI in sync with the URL. Here is what the above code is Doing: 1. The component is the parent of all the other components. 2. The component is used to create links…

Javascript Examples

Did you mean to use React.forwardRef()?

ByAnurag batra July 19, 2022June 30, 2022

const FancyButton = React.forwardRef((props, ref) => ( {props.children} )); // You can now get a ref directly to the DOM button: const ref = React.createRef(); Click me!; Here is what the above code is Doing: 1. React.forwardRef accepts a render function with props and ref parameters. 2. The render function returns a React element. 3….

Javascript Examples

jquery check if screen size

ByAnurag batra July 6, 2022June 30, 2022

if ($(window).width() < 960) { alert('Less than 960'); } else { alert('More than 960'); } Here is what the above code is Doing: 1. We're using the $(window).width() method to get the width of the browser window. 2. We're using the < operator to compare the width of the browser window to 960. 3. If...

javascript change get parameter without reload

Javascript Examples

javascript change get parameter without reload

ByAnurag batra October 16, 2022September 6, 2022

Since this is the accepted answer, and no longer true, refer to this duplicate question for up to date information. Original answer follows: NO You can come close with the anchor portion of the URL which is accessible by the hash property of the location object parent.location.hash = “whatever value you want”; Here is what…

Similar Posts