[英]Import from folder ES6
I'm studying JS and I have something like this.我正在学习 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
is just a folder and there is 3 file with 3 export default inside, I don't understand how this could work ?由于
./reducers
只是一个文件夹,并且有 3 个文件,其中有 3 个默认导出,我不明白这是如何工作的? How does it know which export default in the folder will be imported ?它如何知道将导入文件夹中的哪个导出默认值?
Thank you.谢谢你。
With Webpack, when you import a folder, the module loader will import the index.js inside the folder.使用 Webpack,当你导入一个文件夹时,模块加载器会导入文件夹内的 index.js。 You are exporting index in index.js, so you are importing it when you do
import reducer from './reducers'
.您正在 index.js 中导出索引,因此当您
import reducer from './reducers'
时,您正在导入它。 Importing a folder is just a shorthand for import reducer from reducers/index
.导入文件夹只是
import reducer from reducers/index
的简写。 With mean both import statements are equivalent.与 mean 两个导入语句是等效的。
To sums up, import reducer from './reducers'
is the same as import reducer from reducers/index
.总结一下,
import reducer from './reducers'
import reducer from reducers/index
是一样的。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.