mirror of
https://github.com/angular/angular-cli.git
synced 2025-05-18 03:23:57 +08:00
1010 B
1010 B
CSS Preprocessor integration
Angular CLI supports all major CSS preprocessors:
- sass/scss (http://sass-lang.com/)
- less (http://lesscss.org/)
- stylus (http://stylus-lang.com/)
To use these preprocessors simply add the file to your component's styleUrls
:
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
})
export class AppComponent {
title = 'app works!';
}
When generating a new project you can also define which extension you want for style files:
ng new sassy-project --style=sass
Or set the default style on an existing project:
ng config schematics.@schematics/angular:component.styleext scss
# note: @schematics/angular is the default schematic for the Angular CLI
Style strings added to the @Component.styles
array must be written in CSS because the CLI cannot apply a pre-processor to inline styles.