Question

我正在处理一些包含大量组件的项目。刚才我正在考虑使用SASS变量，但将变量导入每个现有组件可能会很烦人。也许有人知道有没有办法让SASS变量可以在项目中的所有* .scss文件中访问而无需导入它们。

Answer 1

截至目前，您的问题的回答是＆＃39; 否＆＃39;。我们必须导入variables＆amp;每个组件sass文件中的mixins个文件。

angular-cli确实为paths/includePaths添加sass功能提供配置。为此，我们必须在app属性下添加以下配置。

"stylePreprocessorOptions": {
  "includePaths": [
    "style-paths"
  ]
}

至少使用上面的配置我们可以直接include按文件名文件，跳过相对路径如下

@import 'variables';

供参考，请参阅#3700＆amp;有关global-styles的文档。

Answer 2

要使用全局scss，请在angular-cli.json

中添加scss

"apps": [
   {
   // ... 
  "styles": [
     "./src/style.scss"
  ]
   }
]

和index.html

<link rel="stylesheet" type="text/css" href="style.css">