javascript - 如何在项目中使用 index.js？

Question

关闭。这个问题是opinion-based .它目前不接受答案。












想改进这个问题？更新问题，以便 editing this post 可以用事实和引用来回答它.


去年关闭。







Improve this question




我有以下项目结构:

/app
   /components
      /TextInputs
         SearchInput.js
         TextInput.js

      /Buttons
         Button.js
         CircleButton.js

   /screens
      ...

   /utils
      ...

   /services
      ...

   /theme 
      theme.js
     

我见过有人使用 index.js 文件来导入/导出东西，以便清理应用程序的所有导入。
这是 index.js 的主要目的吗？每个目录都有一个 index.js 是一个好习惯吗？

Answer 1

如果您需要从一个文件夹中导入多个文件，例如:

import {SearchInput} from './components/TextInputs/SearchInput'
import {TextInput} from './components/TextInputs/TextInput'

我建议创建一个索引文件。这减少了您将在其他组件中使用的导入语句的数量:

/app
   /components
      /TextInputs
         SearchInput.js
         TextInput.js
         index.js

内容:(/TextInputs/index.js)

import {SearchInput} from './SearchInput'
import {TextInput} from './TextInput'

export {SearchInput, TextInput}

并将其用于其他组件，例如:

import {TextInput, SearchInput} from './components/TextInputs'

这就是为什么 index.js主要使用，并且在某些情况下使导入更易于管理和可读。完全取决于开发商!