Сократить путь импорта SCSS в Angular 7

Question

Когда я создал компонент, который вложен в глубокий уровень, и если я хочу импортировать общий .scss, я должен импортировать его с длинным путем, например:

@import '../../../app.shared.scss';

Этого не происходит с файлом .ts, так как я могу настроить в tsconfig.json

"paths": {
    "*": [
        "src/*",
        "src/app/*",
    ]
},

, а не импортировать полный путь в Typescript

import { AppService } from '../../../app.shared';

Я могу сделать это намного проще

import { AppService } from 'app.shared';

Есть ли какой-нибудь возможный способ сделать то же самое с scss импортом?

Answer 1

Попробуйте это в angular-cli.json под опциями.Здесь a / b - папка.

 "stylePreprocessorOptions": {
              "includePaths": [
                "src/styles/a/b"
              ]
            },

Если файл test.scss находится внутри папки b, вы можете написать @import 'test' в своем файле scss.