Javascript 从React中的文件夹导入索引(.ts |.js)文件

Javascript 从React中的文件夹导入索引(.ts |.js)文件,javascript,reactjs,typescript,webpack,Javascript,Reactjs,Typescript,Webpack,我有以下文件夹结构: src/ Foo/ index.ts Bar/ index.ts index.ts 我想像这样导入模块Fooimportfoo from.“/Foo”在我的src/index.ts文件中。 这是如何做到的?因为当我想“导入文件夹”时,webpack不会从Foo/和Bar/自动导入index.ts文件。您不必像您提到的那样导入文件夹。它实际上是由webpackresolve完成的 默认情况下,webpack正在查找.js和.json

我有以下文件夹结构:

src/
   Foo/
      index.ts
   Bar/
      index.ts
   index.ts
我想像这样导入模块Foo
importfoo from.“/Foo”在我的src/index.ts文件中。

这是如何做到的?因为当我想“导入文件夹”时,webpack不会从Foo/和Bar/自动导入index.ts文件。

您不必像您提到的那样导入
文件夹。它实际上是由
webpack
resolve完成的

默认情况下,webpack正在查找
.js
.json
扩展,这意味着当您从“/Foo”
导入
导入Foo时,它将尝试查找
/Foo/index.js
/Foo/index.json
,如果找到它,它将自动导入。如果需要将其扩展到typescript,则需要指定

resolve: {
 extensions: ['.js', '.json', '.ts']
}

当然,通过这种方式,您必须指定
ts loader
来处理typescript文件,这些文件在导入typescript时将负责从typescript中进行传输。

Hi@ZulusK,我的回答解决了您的问题吗?