從文件夾 ES6 導入

Question

我正在學習 JS，我有這樣的事情。

//all inside folder reducers

//reducer1.js
export default reducer1

//reducer2.js
export default reducer2

//index.js
import reducer1 from './reducer1'
import reducer2 from './reducer2'
//then combine reducer
export default index

//outside folder reducers
import reducer from './reducers'

由於./reducers只是一個文件夾，並且有 3 個文件，其中有 3 個默認導出，我不明白這是如何工作的？ 它如何知道將導入文件夾中的哪個導出默認值？

謝謝你。

Answer 1

使用 Webpack，當你導入一個文件夾時，模塊加載器會導入文件夾內的 index.js。 您正在 index.js 中導出索引，因此當您import reducer from './reducers'時，您正在導入它。 導入文件夾只是import reducer from reducers/index的簡寫。 與 mean 兩個導入語句是等效的。

總結一下， import reducer from './reducers' import reducer from reducers/index是一樣的。