Angular中处理scss快捷导入的方式

• 前言：
  在项目中一般都有对SCSS文件进行模块化的处理，比如varible.scss | mixin.scss,这种Global Scss
  Theme Define.
• 问题:
  当项目文件变得很错综复杂的时候尤其是在使用Angular进行开发的项目中,
  当其他的主题scss文件需要去引入这个Global scss theme时, 很容易造成一个引用路径很冗长的问题.例如 @import
  '../../../../../stylings/varible.scss';
• 解决方案:
  在angular.json中进行项目的CI配置.

---

#angular.json
{
            ...
            "apps": [{
                "root": "src",
                ...
                "stylePreprocessorOptions": {
                    "includePaths": [
                      "./stylings"
                    ]
                }
            
            }]
}

---

// hello.component.scss
@import "variables"; // 直接引入 variables, 和 ../../../stylings/ 说拜拜吧

h1 {
    color: $brand-color;
}

---

Think: 同名怎么处理？能否加入前缀作为区分？借鉴实现Angular Material的scss导入方式@import '~@angular/material/theme.scss'?