我的ES6导入是从索引文件读取还是直接从导出文件读取？

Question

给出下面的目录结构和文件：

1. 该索引文件是否有效，因为存在export的两种不同类型？

2. 是否从myUtil中的test.ts文件中读取index.ts中的src/MyModel导入？还是直接从src/MyModel/modelUtils读取？

src
|
-- test.ts
-- MyModel
   |
   -- MyModel.ts
   -- index.ts
   -- modelUtils.ts

MyModel.ts

// create a class here called MyClass
export default MyClass

modelUtils.ts

export const myUtil = function () => {}

index.ts

export { default } from './MyModel'
export * as ModelUtils from './modelUtils'

test.ts

import MyClass from 'src/models/MyModel'
import { myUtil } from 'src/models/modelUtils'

Answer 1

每个文件只能有一个默认导出。它也不能具有名称类。这两个条件都满足，所以它应该是有效的。这里有关于选项的更多信息：https://developer.mozilla.org/en-US/docs/web/javascript/reference/statements/export