Bolehkah saya Mengimport Fail CSS Biasa ke dalam SCSS Menggunakan `@import`?

Mengimport Fail CSS Biasa dalam SCSS dengan @import

Ramai pembangun mendapati diri mereka inginkan ciri gabungan dan mampat SCSS tanpa memerlukan penamaan semula semua fail mereka ke *.scss. Untuk menangani perkara ini, persoalan timbul: adakah boleh mengimport fail CSS biasa ke dalam SCSS menggunakan arahan @import?

Jawapan

Pada mulanya, pendekatan ini menghadapi cabaran, membawa kepada kekeliruan dalam kalangan masyarakat. Walau bagaimanapun, setakat Disember 2014, isu itu telah diselesaikan melalui permintaan tarik GitHub.

Sintaks yang dikemas kini untuk mengimport fail CSS terus ke SCSS ialah @import "your/path/to/the/file," tanpa sambungan fail mengikut nama fail. Ini akan mengimport fail terus.

Jika sambungan *.css dilampirkan, ia diterjemahkan kepada peraturan CSS @import url(...).

Untuk pengikat modul seperti webpack, ia disyorkan untuk menggunakan ~ pada permulaan laluan. Untuk mengimport fail node_modules/bootstrap/src/core.scss, hanya gunakan @import "~bootstrap/src/core."

Nota Penting

Perlu diperhatikan bahawa penyelesaian ini mungkin tidak berfungsi untuk semua orang. Jika jurubahasa anda berdasarkan libsass, ia sepatutnya berfungsi seperti yang diharapkan. Sebaliknya, ia didapati berfungsi dengan nod-sass tetapi mungkin tidak berfungsi pada contoh ruby ​​​​tertentu.

Atas ialah kandungan terperinci Bolehkah saya Mengimport Fail CSS Biasa ke dalam SCSS Menggunakan `@import`?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!