javascript - 简化导入语句

Question

根据问题Is it possible to import...我尝试简化导入语句，但调试器停止在尝试导入错误:“TaskDropdown”未从“./oddments”导出。

oddements/index.js

export * from './TaskBadge';
export * from './TaskDeadline';
export * from './TaskDropdown';
export * from './TaskInfoRow';
export * from './TaskStatusBadge';

TaskDropdown.js

export default TaskDropdown;

其他人

import { TaskStatusBadge, TaskInfoRow, TaskDropdown } from './oddments';

可能的解决方法是在同一文件中使用导入/导出。

import TaskBadge from './TaskBadge';
export {TaskBadge}

可能出了什么问题？上述线程的答案正确吗？

Answer 1

可以通过以下两种方式从同一文件中进行多次导出:

1st Way:
 export function1 () {}
 export function2 () {}
 export function3 () {}

2nd Way:
export { function1, function2, function 3} from abc.js

然后您可以通过以下两种方式使用导入:

1st Way:
import { function 1, function2, function3 } from './abc'

//Then use it like:
function1();

2nd Way:
import * as abc from './abc'

//Then use it like:
abc.function1();