Bagaimana untuk Berhijrah dari CSS ke SCSS dalam CLI Sudut?

Angular CLI: Menukar daripada CSS kepada SCSS

Apabila mengalihkan projek Angular daripada CSS kepada SCSS, anda mungkin menghadapi ralat yang menyatakan:

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

Untuk Projek Sedia Ada (Sudut 6)

1. Kemas kini sambungan gaya lalai kepada "scss":

   • Sunting .angular-cli.json atau angular secara manual. json (Sudut 6 ):

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

   • Atau jalankan:

     ng config defaults.styleExt=scss

2. Namakan semula fail .css sedia ada kepada .scss.
3. Kemas kini apl[0].gaya dalam angular.json untuk memasukkan . sambungan scss.
4. Kemas kini URL gaya komponen untuk mencerminkan fail baharu nama.

Untuk Projek Masa Depan

1. Buat projek baharu menggunakan:

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

2. Tetapkan sambungan gaya lalai global:

   ng config --global defaults.styleExt=scss

Atas ialah kandungan terperinci Bagaimana untuk Berhijrah dari CSS ke SCSS dalam CLI Sudut?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!