javascript - 从文件夹ES6导入

我正在学习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个导出默认值，所以我不知道这怎么工作？如何知道将导入文件夹中的哪个导出默认值？

谢谢。

最佳答案

使用Webpack，当您导入文件夹时，模块加载器将在文件夹内导入index.js。您正在index.js中导出索引，因此在执行import reducer from './reducers'时将其导入。导入文件夹只是import reducer from reducers/index的简写。以平均值表示，两个导入语句都是等效的。

综上所述，import reducer from './reducers'与import reducer from reducers/index相同。