Angular CLI SASS options

by

Angular CLI version 9 (used to create Angular 9 projects) now picks up style from schematics instead of styleext. Use the command like this:
ng config schematics.@schematics/angular:component.style scss
and the resulting angular.json shall look like this

"schematics": {
   "@schematics/angular:component": {
      "style": "scss"
    }
  }

Other possible solutions & explanations:

To create a new project with angular CLI with sass support, try this:

ng new My_New_Project --style=scss

You can also use --style=sass & if you don’t know the difference, read this short & easy article and if you still don’t know, just go with scss & keep learning.

If you have an angular 5 project, use this command to update the config for your project.

ng set defaults.styleExt scss

For Latest Versions

For Angular 6 to set new style on existing project with CLI:

ng config schematics.@schematics/angular:component.styleext scss

Or Directly into angular.json:

"schematics": {
      "@schematics/angular:component": {
      "styleext": "scss"
    }
}

More Related Contents:

  1. angular-cli server – how to proxy API requests to another server?
  2. Could not find module “@angular-devkit/build-angular”
  3. How to add bootstrap to an angular-cli project
  4. Angular CLI Error: The serve command requires to be run in an Angular project, but a project definition could not be found
  5. How do I support Internet Explorer in an Angular 8 application?
  6. How to add font-awesome to Angular 2 + CLI project
  7. how to format date in Component of angular 5
  8. How to decrease prod bundle size?
  9. angular-cli where is webpack.config.js file – new angular6 does not support ng eject
  10. ng: command not found while creating new project using angular-cli
  11. Get angular-cli to ng serve over HTTPS
  12. Dynamically load HTML template in angular2
  13. How can I use custom theme palettes in Angular?
  14. How to install a specific version of Angular with Angular CLI?
  15. Angular 6 – Could not find module “@angular-devkit/build-angular”
  16. Cannot find name ‘require’ after upgrading to Angular4
  17. @types/googlemaps/index.d.ts’ is not a module
  18. When to use ‘npm start’ and when to use ‘ng serve’?
  19. Implementing a plugin architecture / plugin system / pluggable framework in Angular 2, 4, 5, 6
  20. Avoiding relative paths in Angular CLI
  21. How to add Web Animations API polyfill to an Angular 2 project created with Angular CLI
  22. How to rename a component in Angular CLI?
  23. How to execute only one test spec with angular-cli
  24. Syntax Error in Angular App: Unexpected token
  25. SassError: Can’t find stylesheet to import. @use ‘~@angular/material’ as mat;
  26. Angular 8 ng-build throwing MIME error with cordova
  27. Angular4 APP_INITIALIZER won’t delay initialization
  28. Angular5: Deploying Angular application to multiple clients
  29. How to generate components in a specific folder with Angular CLI?
  30. angular cli exclude files/directory for `ng test –code-coverage`

Leave a Comment