从文件夹 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 的简写。意思是两个 import 语句是等价的。

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