缩短 Angular 7 中的 SCSS 导入路径

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 中，您可以在 scss 文件中写入 @import 'test'。