如何在 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
        ],

在一些随机文件.scss中

@import 'some-styles';

Answer 2

CSS 预处理器不查看tsconfig.json 路径。 Angular CLI repo 上有一个关于这个主题的open issue。