Alias

场景

webpack配置 alias之后，很多路径变成了相对路径, VS Code找不到，无法快速定位到位置。

解决方案

在项目根目录下添加 jsconfig.json 并添加以下配置 目录中jsconfig.json文件的存在表示该目录是JavaScript项目的根。 jsconfig.json文件指定了根文件以及JavaScript语言服务提供的功能的选项。

提示：如果您不使用JavaScript，则无需担心jsconfig.json。

提示：jsconfig.json是tsconfig.json的后代，tsconfig.json是TypeScript的配置文件。 jsconfig.json是tsconfig.json，其 allowJs属性设置为true。

为什么需要jsconfig.json文件？

Visual Studio Code的JavaScript支持可以在两种不同的模式下运行：

• 文件范围-没有jsconfig.json：在这种模式下，在Visual Studio Code中打开的JavaScript文件被视为独立的单元。只要文件a.js没有显式引用文件b.ts（使用import或CommonJS模块），两个文件之间就没有公共项目上下文。

• 显式项目-带有jsconfig.json：通过jsconfig.json文件定义一个JavaScript项目。目录中是否存在此类文件表示该目录是JavaScript项目的根目录。该文件本身可以选择列出属于该项目的文件，要从该项目中排除的文件以及编译器选项。

当工作空间中有一个定义项目上下文的 jsconfig.json文件时，可以改善JavaScript体验。因此，当您在新的工作区中打开JavaScript文件时，我们提供了创建jsconfig.json文件的提示。

配置

{
    "compilerOptions": {
        "baseUrl": "./",
        "experimentalDecorators": true,
        "paths": {
            "src/*": [
                "src/*"
            ]
        }
    },
    "include": [
        "./src/**/*"
    ],
    "exclude": [
        "node_modules"
    ]
}

Note: 重启一下vscode

webStorm 配置

webStorm.config.js

// https://stackoverflow.com/a/59369029

System.config({
    paths: {
        'frontend/*': './src/frontend/*',
        'slate*': './src/frontend/slate*',
        'slate-react*': './src/frontend/slate-react*',
        'intro.js*': './src/frontend/intro.js*'
    }
});

参考资料

jsconfig

Tips to use VSCode more efficiently