在使用 Webpack 的时候，别名（Alias）配置很方便，可以帮助我们快速的引用文件，避免多层次的路径引用，但也给编译器带来了不便：使用别名后，编译器无法定位到原始的文件了，无法完成函数跳转。无论是开发还是阅读别人的源码都不方便。

在 VSCode 上，通过 jsconfig.json 可以让编译器支持别名，非常方便。在工程根目录新建一个 jsconfig.json 文件：

1
2
3
4
5
6
7
8
9
10
11
12
13
{
    "compilerOptions": {
        "baseUrl": ".",
        "paths": {
            "hsfund-cmc": ["src"],
        },
        "target": "ES6",
        "module": "es6",
        "allowSyntheticDefaultImports": true
    },
    "include": ["src/**/*"],
    "exclude": ["node_modules"]
}

把别名配置写到 paths 中，然后重启编译器就可以支持别名跳转了。如果采用的是其他的模块规范（如 AMD，UMD，CommonJS 等），需要对 module 选项的值做相应的修改。