VS Code jsconfig高级别名Glob路径

时间:2019-11-19 09:02:40

标签: visual-studio-code glob

我正在尝试配置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"

在这种情况下,全局表达式会如何?

预先感谢您。

0 个答案:

没有答案