在生成组件时,使用--style选项指定要使用的样式文件类型。例如,要在新生成的组件中使用Scss,可以使用以下命令生成组件:
ng generate component my-component --style=scss
这将自动生成一个名为“my-component”的新组件,并在该组件文件夹中创建一个名为“my-component.component.scss”的Scss样式文件。在组件的元数据中,将样式文件的路径指定为“styleUrls”数组中的“my-component.component.scss”,即可在组件中使用Scss:
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
styleUrls: ['./my-component.component.scss']
})
export class MyComponent {
}```
使用这种方法,我们可以轻松地在 Angular 应用程序中集成 Scss,为项目的样式提供更多的灵活性和可重用性。