Bolehkah Wildcard Memudahkan Mengimport Modul daripada Berbilang Fail dalam JavaScript?

Menggunakan Wildcard untuk Mengimport Modul daripada Semua Fail dalam Direktori

Walaupun keupayaan ES6 untuk mengimport eksport tertentu daripada fail menggunakan penyata import individu, menguruskan berbilang import daripada berbilang fail boleh menjadi menyusahkan. Untuk menyelaraskan organisasi, pembangun mungkin lebih suka mempunyai satu modul bagi setiap fail. Walau bagaimanapun, kaedah import tradisional untuk senario sedemikian menghasilkan import verbose dengan pernyataan berasingan untuk setiap modul.

Untuk menangani perkara ini, sesetengah pembangun telah mempertimbangkan kemungkinan hipotesis untuk menggunakan kad bebas dalam pernyataan import untuk mendapatkan semula modul daripada semua fail dalam direktori yang ditentukan. Khususnya, mereka menginginkan sintaks seperti:

import {ThingA, ThingB, ThingC} from 'lib/things/*';

Pendekatan hipotetikal ini bergantung pada andaian bahawa setiap fail mengandungi satu eksport lalai dan berkongsi nama yang sama dengan modul yang sepadan. Walau bagaimanapun, seperti sedia ada, sistem modul ES6 tidak menyediakan sokongan langsung untuk import kad bebas.

Walaupun pendekatan yang dicadangkan pada masa ini tidak dapat dilaksanakan, perlu diingat bahawa resolusi nama modul dikendalikan oleh pemuat modul. Oleh itu, terdapat potensi untuk pelaksanaan pemuat modul muncul pada masa hadapan yang boleh membolehkan import kad bebas sedemikian.

Jika tiada sokongan terbina dalam, penyelesaian penyelesaian melibatkan penciptaan "fail modul" perantaraan untuk contoh, lib/things/index.js, yang mengandungi perkara berikut:

export * from 'ThingA';
export * from 'ThingB';
export * from 'ThingC';

Pendekatan ini akan membolehkan pembangun menggunakan import yang dipermudahkan kenyataan:

import {ThingA, ThingB, ThingC} from 'lib/things';

Atas ialah kandungan terperinci Bolehkah Wildcard Memudahkan Mengimport Modul daripada Berbilang Fail dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!