使用情景

1. 項(xiàng)目比較復(fù)雜的時(shí)候，引用全局css樣式引用路徑會變得很長@import './../../../style.csss'。
2. 在scss中定義了全局的樣式變量，希望在每個(gè)組件都可以直接使用。

解決方案

我是用的angular9, 腳手架版本是"@angular/cli": "~9.1.9"

在angular.json中增加：

{
    "stylePreprocessorOptions": {
      "includePaths": [
        "src/styles/"
      ]
    },
    "styles": [
      "src/styles/theme.less",
      "src/styles/index.scss"
    ],
}