Bagaimanakah Saya Boleh Mengimport Aset di Luar Direktori `src` dalam Apl Buat React?

Import Relatif Di Luar Direktori src dalam create-react-app

Create-react-app menguatkuasakan sekatan ketat terhadap pengimportan aset dari luar direktori src. Sekatan ini dilaksanakan melalui ModuleScopePlugin, yang menghalang import relatif daripada melanggar sempadan direktori src.

Punca Punca

Sekatan ini memastikan semua fail berkaitan aplikasi kekal dalam direktori src, menyediakan pemisahan yang jelas antara kod dan projek lain aset.

Impak

Percubaan untuk mengimport fail dari luar direktori src, seperti mengakses imej daripada folder awam, menghasilkan mesej ralat yang menunjukkan sekatan ModuleScopePlugin.

Tidak rasmi Penyelesaian

Terdapat penyelesaian penyelesaian tidak rasmi yang memanfaatkan pendawaian semula untuk mengubah suai konfigurasi webpack dan mengalih keluar ModuleScopePlugin. Walau bagaimanapun, pendekatan ini tidak digalakkan kerana ia melemahkan keselamatan dan peningkatan ciri yang disediakan oleh pemalam.

Pendekatan Disyorkan

Untuk menyelesaikan isu sambil mengekalkan integriti ciptaan -react-app environment, anda boleh:

1. Alihkan Aset ke src: Pindahkan imej yang diingini atau aset lain ke dalam direktori src.
2. Gunakan URL Terus daripada Folder Awam: Akses aset daripada folder awam terus menggunakan URL mereka dan bukannya mengimportnya .

Kelebihan Mengimport dari src

Mengimport daripada src menawarkan beberapa kelebihan:

• Ketulan Dioptimumkan: Webpack menggabungkan aset daripada src secara optimum, memastikan kecekapan pemuatan optimum.
• Saiz Pakej Dikurangkan: Mengimport dari src mengelakkan pertindihan dalam folder binaan, meminimumkan saiz pakej keseluruhan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengimport Aset di Luar Direktori `src` dalam Apl Buat React?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!