缩短 Angular 7 中的 SCSS 导入路径

Question

当我创建一个嵌套在深层的组件时，如果我想导入一个 shared .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'。