如何在scss文件中导入scss文件？

Question

我在scss中使用了很多变量。所以我创建了包含所有scss变量的文件。现在我需要将这个文件导入另一个scss-文件。

我的尝试：

1. 在根目录中创建scss-vars.scss文件
2. 用tsconfig.json编写：

"@bla/blaa/a/scss-vars":["libs/ui/scss-vars.scss"],

1. 在所有scss-文件使用后，导入：

@import "@bla/blaa/a/scss-vars.scss";

但结果是，我在控制台中得到了以下错误消息：

找不到要导入的样式表。

我需要导入scss文件，没有绝对的路径使用。

Answer 1

您可以为angular.json文件中的文件夹创建别名。

只要搜索'styles.scss‘，你就会发现在哪里添加任何你想要的其他路径。

        "styles": [
          "src/styles.scss",
          "src/my-folder/some-styles.scss", // now you can import some-styles globally
        ],

在一些随机文件中

@import 'some-styles';

Answer 2

CSS预处理程序不查看tsconfig.json路径。关于这个话题，有一个关于角度CLI的公开发行。