Saya telah mengusahakan projek menggunakan Next JS untuk reka bentuk tapak web dan ingin menggunakan fail CSS untuk reka bentuk komponen, tetapi mengapa saya tidak boleh mengimportnya dalam komponen saya? Adakah mungkin untuk hanya menggunakan fail CSS modular dalam apl JS Seterusnya?
Saya mencuba banyak kali untuk mengimport fail CSS dalam projek JS Seterusnya saya tetapi ia tidak berjaya mengimport. Saya telah mengimport fail CSS global dan fail CSS modular, tetapi tidak boleh mengimport fail CSS.
Jika anda tidak mahu menggunakan modul, tetapi ingin menggunakan fail CSS global yang mempengaruhi semua komponen dan halaman, maka anda boleh.
Tetapi jika anda ingin menggunakan fail CSS yang berasingan untuk setiap komponen, maka modul adalah penyelesaiannya.
Sila rujuk dokumen ini
Buat
pages/_app.js
fail jika anda belum memilikinya. Kemudian, import fail styles.css.Disebabkan sifat global lembaran gaya dan untuk mengelakkan konflik, anda hanya boleh mengimportnya dalam halaman/_app.js. Gaya dalam styles.css ini akan digunakan pada semua halaman dan komponen dalam aplikasi.