使VS代码读取webpack.config并使用别名识别路径？

安装VSCode扩展PathIntellisense。

要打开VSCode设置文件，可以在macOS上按command+ ,（在Windows上为ctrl+ ,），在右上角找到“一对大括号按钮”，然后单击它。

在我的情况下，我想将符号@用作path的别名./src。所以我将此配置添加到我的VSCode设置文件中：

  "path-intellisense.mappings": {
    "@": "${workspaceRoot}/src"
  }

使用${workspaceRoot}时，路径应该是相对于当前项目的当前根。

您可以在此处找到官方示例。

---

原始答案：

I use the VSCode extension PathIntellisense .

Configure this setting in my VSCode setting file.

Now VSCode could recognize the path with the alias.

您需要在jsconfig.json文件中指定paths和baseUrl字段。

{
    "compilerOptions": {
        "jsx": "react",
        "target": "ES6",
        "allowSyntheticDefaultImports": true,
        "baseUrl": "./",
        "paths": {
            "~/*": ["./app/*"]
        }
    },
    "exclude": [
        "node_modules"
    ]
}

请参阅路径映射文档

更新typescript@2.0.0，然后可以通过添加以下内容在tsconfig.json上映射相同的Webpack别名：

"compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "app/*": ["src/app/*"]
    }
}