使用Angular-CLI将全局SCSS导入组件SCSS

Question

有没有一种简单的方法可以将全局变量导入组件？我已尽力以可能的方式导入variables.scss文件。这是基本的应用程序结构：

| app
  | components
    | component
      | component.scss
| scss
  | variables.scss

我能让这个工作的唯一方法是@import '../../../scss/variables';，这并不理想。无论我在哪里，我都更愿意输入同一条线。

我错过了一个简单的@import吗？我已经尝试过这些并且无法让它发挥作用：

app/scss/variables
/app/scss/variables
scss/variables
/scss/variables
/src/app/scss/variables
src/app/scss/variables

Answer 1

我有完全相同的问题，我通过在scss文件的顶部插入以下内容来解决它。

@import '~assets/scss/variables';

我希望这可以帮助你和其他人。

Answer 2

您应该做的最佳方法是将全局sass导入angular-cli.json文件。检查样式部分并在那里添加文件。