将样式表导入app.scss以在整个项目中使用

Question

我想在我的应用程序中使用样式页面。

在我尝试使用的app.scss文件中：

@import "../global-scss/html-table-styles.scss";

这不起作用。

将样式直接粘贴到app.scss文件中确实可以，但是我宁愿不这样做。

我要实现的目标是可能的吗？如果可以，我在做什么错了？

Answer 1

如果您的文件结构如下：

├── src
│   ├── app
│   │   ├── app.component.ts
│   │   ├── app.module.ts
│   │   ├── app.scss
│   │   └── main.ts

// ... pages, components ...

|   └── theme
│       ├── custom-styles.scss

...导入行应为：

@import "../theme/custom-styles.scss";

Answer 2

该问题是由于我对样式表的理解不足，并且已经有了答案，所以无法删除。

在我要导入的样式表中，我遵循了页面本地样式所使用的模式，并且具有基本样式标签

例如：

html-table-styles{
//my styles
}

当我导入@import "../global-scss/html-table-styles.scss";时没有使用样式时，删除html-table-styles解决了我的问题