Saat ini saya menggunakan ES6 di aplikasi Bereaksi via webpack / babel. Saya menggunakan file indeks untuk mengumpulkan semua komponen modul dan mengekspornya. Sayangnya, yang terlihat seperti ini:

import Comp1_ from './Comp1.jsx';
import Comp2_ from './Comp2.jsx';
import Comp3_ from './Comp3.jsx';

export const Comp1 = Comp1_;
export const Comp2 = Comp2_;
export const Comp3 = Comp3_;

Jadi saya bisa mengimpornya dari tempat lain seperti ini:

import { Comp1, Comp2, Comp3 } from './components';

Jelas itu bukan solusi yang sangat bagus, jadi saya bertanya-tanya, apakah ada cara lain. Saya sepertinya tidak dapat mengekspor komponen yang diimpor secara langsung.

Anda dapat dengan mudah mengekspor kembali impor default:

export {default as Comp1} from './Comp1.jsx';
export {default as Comp2} from './Comp2.jsx';
export {default as Comp3} from './Comp3.jsx';

Ada juga proposal untuk ES7 ES8 yang akan membuat Anda menulis export Comp1 from '…';.

Juga, ingatlah bahwa jika Anda perlu mengekspor beberapa fungsi sekaligus, seperti tindakan yang dapat Anda gunakan

export * from './XThingActions';

Terlambat tetapi saya ingin membagikan cara saya menyelesaikannya.

Memiliki modelfile yang memiliki dua nama ekspor:

export { Schema, Model };

dan memiliki controllerfile yang memiliki ekspor default:

export default Controller;

Saya membuka indexfile dengan cara ini:

import { Schema, Model } from './model';
import Controller from './controller';

export { Schema, Model, Controller };

dan dengan asumsi bahwa saya ingin mengimpor semuanya:

import { Schema, Model, Controller } from '../../path/';

Secara sederhana:

// Default export (recommended)
export {default} from './MyClass' 

// Default export with alias
export {default as d1} from './MyClass' 

// In >ES7, it could be
export * from './MyClass'

// In >ES7, with alias
export * as d1 from './MyClass'

Atau dengan nama fungsi:

// export by function names
export { funcName1, funcName2, …} from './MyClass'

// export by aliases
export { funcName1 as f1, funcName2 as f2, …} from './MyClass'

Info lebih lanjut: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export

Instal @babel/plugin-proposal-export-default-frommelalui:

yarn add -D @babel/plugin-proposal-export-default-from

Di Anda .babelrc.jsonatau di salah satu dari Jenis File Konfigurasi

module.exports = {
  //...
  plugins: [
     '@babel/plugin-proposal-export-default-from'
  ]
  //...
}

Sekarang Anda dapat exportlangsung dari file-path:

export Foo from './components/Foo'
export Bar from './components/Bar'

Semoga berhasil...