Wie migriere ich von CSS zu SCSS in Angular CLI?

Angular CLI: Konvertierung von CSS zu SCSS

Beim Übergang eines Angular-Projekts von CSS zu SCSS kann eine Fehlermeldung auftreten, die besagt:

styles.bundle.js:33Uncaught Error: Module build failed: Error: ENOENT:
no such file or directory, open
'/Users/Egen/Code/angular/src/styles.css'

Für bestehende Projekte (Angular 6)

1. Aktualisieren Sie die Standardstilerweiterung auf „scss“:

   • Bearbeiten Sie .angular-cli.json oder Angular manuell. json (Angular 6):

     {
     "defaults": {
       "styleExt": "scss"
     }
     }

     Nach dem Login kopieren

   • Oder Führen Sie Folgendes aus:

     ng config defaults.styleExt=scss

     Nach dem Login kopieren
2. Bestehende .css-Dateien in .scss umbenennen.
3. Apps[0].styles in angle.json aktualisieren, um die . scss-Erweiterungen.
4. Aktualisieren Sie die styleUrls der Komponenten, um die neue Datei widerzuspiegeln Namen.

Für zukünftige Projekte

1. Erstellen Sie ein neues Projekt mit:

   ng new your-project-name --style=scss

   Nach dem Login kopieren

2. Legen Sie die globale Standardstilerweiterung fest:

   ng config --global defaults.styleExt=scss

   Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie migriere ich von CSS zu SCSS in Angular CLI?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!