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
我想像这样导入模块Fooimportfoo 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,我的回答解决了您的问题吗?