我有一个文件需要在另一个 css 文件中使用。
为此,我已将此添加到 angular.json 文件中:
"styles": ["src/assets/css/theme.scss"],
然后我尝试在 css 文件中使用它:
@import "theme.scss";
Angular 找不到这条路径。
最佳答案
如果要指向组件中的 css/scss 文件,可以在 options
中的 angular.json 中添加指向样式文件夹的快捷方式。像这样的节点:
"my-app": {
"root": "...",
"sourceRoot": "...src",
"projectType": "application",
"architect": {
"build": {
[...]
"options": {
[...]
"stylePreprocessorOptions": {
"includePaths": [
"projects/my-app/src/styles" // path to your styles folder
]
}
}
},
}
},
然后,每当您使用 @import "...";
,它将从 css
开始文件夹,所以你可以使用 @import "theme.scss";
关于angular - 如何在 Angular 中@import CSS 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59409737/