angular - 缩短 Angular 7 中的 SCSS 导入路径

Question

当我创建一个嵌套很深的组件时，如果我想导入一个共享的.scss，我必须用很长的路径导入它，比如:

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

.ts 文件不会发生这种情况，因为我可以在 tsconfig.json 中进行配置

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

然后而不是在 Typescript 中导入完整路径

从 '../../../app.shared' 导入 { AppService };

我可以做得更简单

从 'app.shared' 导入 { AppService };

有什么方法可以对 scss 导入做同样的事情吗？

Answer 1

在选项下的 angular-cli.json 中试试这个。这里 a/b 是文件夹。

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

如果test.scss文件在文件夹b中，你可以在你的scss文件中写@import 'test'。