我正在创建一个 Angular 9 应用程序,我的文件夹结构如下所示:
| app
| app.component.ts
| app.component.html
| app.component.scss
| assets
| _colors.scss
Run Code Online (Sandbox Code Playgroud)
在_colors.scss文件中我定义了两种颜色:
$red: #DA0000;
$blue: #1080E1;
Run Code Online (Sandbox Code Playgroud)
在app.component.scss我导入并使用这样的颜色:
@import '../assets/colors';
.some-class {
background-color: $blue;
}
Run Code Online (Sandbox Code Playgroud)
但这不起作用,颜色没有应用。并且没有错误。VSCode intellisense 帮助我设置导入路径,因此路径没问题。如果我尝试使用未定义的颜色(就像$black我收到错误一样),那么导入似乎正在工作,但颜色未应用。我在这里缺少什么?有任何想法吗?提前致谢。