Bagaimana untuk Berjaya Beralih daripada CSS ke SCSS dalam Projek CLI Sudut?

Peralihan CLI Sudut daripada CSS kepada SCSS

CLI Sudut menyediakan keupayaan untuk menggunakan lembaran gaya SCSS dalam projek anda. Walau bagaimanapun, jika anda mengalami ralat "tiada fail atau direktori sedemikian" semasa melaksanakan SCSS, langkah tertentu perlu diambil.

Arahan untuk Sambungan Gaya Lalai

Seperti yang dinyatakan dalam dokumentasi, menjalankan "ng set defaults.styleExt scss" harus menetapkan sambungan gaya lalai kepada SCSS. Walau bagaimanapun, arahan ini mungkin tidak selalu berfungsi seperti yang diharapkan.

Penyelesaian untuk Projek Sedia Ada

1. Tukar Sambungan Gaya Lalai kepada SCSS:

   • Edit .angular-cli.json (Angular 5.x dan lebih lama) atau fail angular.json (Angular 6 ) untuk menetapkan "defaults.styleExt" secara manual kepada "scss".

2. Namakan semula Fail CSS kepada SCSS:

   • Tukar fail ".css" sedia ada kepada ".scss" dan kemas kini rujukan dalam projek.

3. Tuding CLI ke styles.scss:

   • Ubah suai "gaya" tatasusunan dalam fail angular.json untuk menunjuk ke styles.scss baharu fail.

4. Kemas kini Rujukan Komponen:

   • Laraskan sifat "styleUrls" dalam fail komponen individu untuk mencerminkan kemas kini Fail SCSS nama.

Menetapkan Lalai untuk Projek Masa Depan

Apabila mencipta projek baharu, anda boleh menentukan sambungan gaya semasa pembuatan projek:

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

Untuk menetapkan sambungan gaya lalai untuk semua projek baharu di seluruh dunia:

ng config --global defaults.styleExt=scss

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