从文件夹 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'

since ./reducers只是一个文件夹，里面有 3 个文件，默认有 3 个导出，我不明白这是如何工作的？它如何知道将导入文件夹中的哪个导出默认值？

谢谢。

使用Webpack，当您导入文件夹时，模块加载器将导入该文件夹内的index.js。您正在 index.js 中导出索引，因此您在执行此操作时正在导入它import reducer from './reducers'。导入文件夹只是一个简写import reducer from reducers/index。对于mean，两个导入语句是等效的。

总而言之，import reducer from './reducers'是相同的import reducer from reducers/index.