@Component({ selector: 'app-my-component', templateUrl: './my-component.component.html', styleUrls: ['./my-component.component.scss'] // 引入SCSS文件 })
"apps": [ { "root": "src", "styles": [ "styles.scss" ], "assets": [ "assets", "favicon.ico" ], "scripts": [], "environmentSource": "environments/environment.ts", "environments": { "dev": "environments/environment.ts", "prod": "environments/environment.prod.ts" }, // 确保路径正确 "stylePreprocessorOptions": { "includePaths": [ "src/assets" ] } } ]
@import '../assets/my-styles';
这样就能确保组件能够正确地加载SCSS文件。