SCSS Import Relative to Root

Question

I\'m in the process refactoring an Angular application and as I\'m moving components around to new directory locations, I\'m finding that dealing @import paths

Answer 1

You can use {} to reference the top level of the project path when using meteor-scss, hence something like that will work.

@import "{}/node_modules/module-name/stylesheet";

You can also use the tilda operator ~ If using webpack (or angular-cli), accessing libraries under node_modules as per the following -- Credit to @splintor

@import "~module-name/stylesheet";