javascript - Import from folder ES6 - Stack Overflow

admin管理员组

文章数量:1315357

I'm studying JS and I have something like this.

//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 bine reducer
export default index

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

since ./reducers is just a folder and there is 3 file with 3 export default inside, I don't understand how this could work ? How does it know which export default in the folder will be imported ?

Thank you.

I'm studying JS and I have something like this.

//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 bine reducer
export default index

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

since ./reducers is just a folder and there is 3 file with 3 export default inside, I don't understand how this could work ? How does it know which export default in the folder will be imported ?

Thank you.

• javascript
• reactjs
• ecmascript-6
• redux
• react-redux

Share Improve this question Follow edited Nov 1, 2019 at 2:17 Vincent D'amour 3,90311 gold badge2929 silver badges4040 bronze badges asked Mar 18, 2017 at 4:09 Quoc-Hao TranQuoc-Hao Tran 1,40244 gold badges1515 silver badges2020 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 8

With Webpack, when you import a folder, the module loader will import the index.js inside the folder. You are exporting index in index.js, so you are importing it when you do import reducer from './reducers'. Importing a folder is just a shorthand for import reducer from reducers/index. With mean both import statements are equivalent.

To sums up, import reducer from './reducers' is the same as import reducer from reducers/index.

本文标签： javascriptImport from folder ES6Stack Overflow