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"
     }
     }

   • Oder Führen Sie Folgendes aus:

     ng config defaults.styleExt=scss

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

2. Legen Sie die globale Standardstilerweiterung fest:

   ng config --global defaults.styleExt=scss

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!