Creating a component that is deeply nested raises the issue of importing shared .scss files with long paths:
@import '../../../app.shared.scss';This hassle doesn't exist when it comes to .ts files, thanks to the configuration in tsconfig.json:
"paths": {
"*": [
"src/*",
"src/app/*",
]
},
Instead of using full paths in Typescript imports like this:
import { AppService } from '../../../app.shared';A more streamlined approach can be taken:
import { AppService } from 'app.shared';Is there a similar solution for simplifying scss importation?