Bagaimanakah Saya Boleh Mengimport Berbilang Modul daripada Direktori dalam ES6?

Modul ES6 Import daripada Pelbagai Fail

ES6 membenarkan pengimportan berbilang eksport daripada fail menggunakan sintaks import {ThingA, ThingB, ThingC} daripada 'lib/benda';. Walau bagaimanapun, eksport yang sama juga boleh diimport daripada fail berasingan dengan sintaks import ThingA daripada 'lib/things/ThingA'; yang boleh menyebabkan kekurangan organisasi.

Untuk membetulkannya, timbul keinginan untuk mengimport eksport daripada semua fail dalam direktori menggunakan kad bebas, cth., import {ThingA, ThingB, ThingC} daripada 'lib/things /*';.

Ketersediaan

Malangnya, fungsi ini tidak disokong pada masa ini. Peleraian nama modul dikendalikan oleh pemuat modul dan tiada pelaksanaan yang diketahui menyokong kad bebas.

Penyelesaian

Sehingga import kad bebas tersedia, penyelesaian yang berdaya maju adalah dengan membuat fail modul perantaraan dalam lib/things/index.js dengan yang berikut kandungan:

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

Ini membolehkan anda mengimport eksport yang diingini sebagai:

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

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengimport Berbilang Modul daripada Direktori dalam ES6?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!