将样式表导入 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解决了我的问题