Angular CLI — Part III: Sass Options

This is the part III of the Angular CLI tutorial. By now you should have an Angular project created using cli, running at localhost:4200 & be able to generate Components, Directives, Pipes and Services. Click Part I or Part II in case if you missed a step or want to refer.

Github: https://kaustubhtalathi.github.io/angular4-sass-seed/

Convert current style format to sass

ng set defaults.styleExt scss

or

ng set defaults.styleExt sass

This will convert the default project styles to scss/sass. And it will also update the .angular-cli.json automagically

.

Creating a new project with Sass option:

ng new ang-cli-sass-proj –style=sass

or

$ng new ang-cli-sass-proj –style=scss

This will create a new project with style options set to sass:

Resources:

• Angular 4 CLI Seed: https://kaustubhtalathi.github.io/angular4-sass-seed/
• Angular CLI Github: https://github.com/angular/angular-cli
• Angular CLI wiki: https://github.com/angular/angular-cli/wiki
• npm cheatsheet: http://browsenpm.org/help#linkinganynpmpackagelocally