Bagaimanakah Saya Menukar Projek Angular-CLI Saya daripada CSS kepada SCSS?

Menukar Projek Angular-CLI daripada CSS kepada SCSS

Apabila cuba menggunakan SCSS dalam projek Angular-CLI, anda mungkin menghadapi ralat mengenai ketiadaan fail styles.css. Ralat ini berlaku walaupun telah menetapkan sambungan gaya lalai kepada SCSS menggunakan perintah ng set defaults.styleExt scss.

Penyelesaian:

Untuk menyelesaikan isu ini, ikut langkah ini :

Untuk Projek Sedia Ada (versi Angular CLI lebih lama daripada 6):

1. Tukar sambungan gaya lalai kepada SCSS:

   • Sunting fail .angular-cli.json secara manual dan gantikan css dengan scss dalam tatasusunan gaya.

   • Sebagai alternatif, jalankan arahan:

     ng config defaults.styleExt=scss

2. Tukar fail CSS sedia ada kepada SCSS:

   • Namakan semula semua fail .css sedia ada kepada .scss, termasuk styles.css.

3. Laraskan binaan konfigurasi:

   • Edit apl[0].sifat styles dalam fail .angular-cli.json dan gantikan sambungan .css dengan .scss.

4. Kemas kini gaya komponen:

   • Tukar tatasusunan styleUrls dalam fail komponen anda untuk menunjuk ke fail .scss baharu.

Untuk Projek Sedia Ada (Angular CLI versi 6 ):

Gunakan langkah yang sama seperti di atas, mengedit fail angular.json dan bukannya .angular-cli.json. Selain itu, jika anda menghadapi ralat "Nilai tidak dapat ditemui", jalankan arahan berikut:

ng config schematics.@schematics/angular:component.styleext scss

Untuk Projek Baharu:

1. Tentukan SCSS sebagai sambungan gaya apabila membuat yang baharu projek:

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

2. Tetapkan SCSS sebagai lalai untuk semua projek akan datang (pilihan):

   ng config --global defaults.styleExt=scss

Dengan mengikuti langkah ini, anda akan berjaya mengkonfigurasi projek Angular-CLI anda untuk menggunakan SCSS.

Atas ialah kandungan terperinci Bagaimanakah Saya Menukar Projek Angular-CLI Saya daripada CSS kepada SCSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!