A schematic to migrate from CSS to SCSS (or vice versa) stylesheet format for an Angular CLI project
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
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 tostyles.scss
in theangular.json
file
Try first with the dry-run=true
flag