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

     Salin selepas log masuk

   • Atau jalankan:

     ng config defaults.styleExt=scss

     Salin selepas log masuk
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

   Salin selepas log masuk

2. Tetapkan sambungan gaya lalai global:

   ng config --global defaults.styleExt=scss

   Salin selepas log masuk

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!