Getting Started With SCSS-Migrate

A schematic to migrate from CSS to SCSS (or vice versa) stylesheet format for an Angular CLI project

!alt text

$3

npm i --save-dev schematics-scss-migrate

Or using the CLI

ng add schematics-scss-migrate

Note that the ng add command still adds the package to the devDependencies

$3

In your Angular CLI project, run ng g schematics-scss-migrate:scss-migrate.

This will do the following in the consuming project:

- Rename all the stylesheets in the src folder recursively
- Alter the styleUrls in respective component classes to point to the new file names for stylesheets
- Updates the component styles schematics value in the angular.json file or creates one if the schematic does not exist, and
- Renames all styles.css references to styles.scss in the angular.json file

$3

- Try first with the --dry-run=true flag
- When asked which project to migrate, use the project name from the angular.json file. It is case sensitive.