我正在尝试配置VS Code React项目,为此,我创建了一个具有以下结构的jsconfig:
{
"compilerOptions": {
"module": "commonjs",
"target": "es2019",
"jsx": "react",
"baseUrl": ".",
"paths": {
"@Reducers/*": ["./src/reducers/*"],
"@Selectors/*": ["./src/selectors/*"],
"@Components/*": ["./src/components/*"],
"@App/*": ["./src/components/App/*"],
"@Loader/*": ["./src/components/Loader/*"]
}
},
"include" : ["src/**/*"],
"exclude": ["node_modules", "dist", "config", ".vscode"]
}
问题是,这仅在我导入类似内容的情况下有效
import Blabla from "@Loader/blabla"
如果我执行以下操作,则偷看定义和类似的内容将无效:
import BlablaDefault from "@Loader"
要执行此操作,我必须在路径定义中添加额外的一行,因此必须:
"@Loader": ["./src/components/Loader"]
"@Loader/*": ["./src/components/Loader/*"]
是否有办法将这一行而不是两行?另外,我想像一下,如果我有更多的嵌套组件,我将需要做类似的事情...
种类:
import Deep from "@DeepStuff/blabla1/blabla2/blabla3"
在这种情况下,全局表达式会如何?
预先感谢您。