[记录]让 VSCode 支持路径别名

2018-10-09  本文已影响0人  柏丘君

在使用 Webpack 的时候,别名(Alias)配置很方便,可以帮助我们快速的引用文件,避免多层次的路径引用,但也给编译器带来了不便:使用别名后,编译器无法定位到原始的文件了,无法完成函数跳转。无论是开发还是阅读别人的源码都不方便。
在 VSCode 上,通过 jsconfig.json 可以让编译器支持别名,非常方便。在工程根目录新建一个 jsconfig.json 文件:

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "vue": ["src/platforms/web/entry-runtime-with-compiler"],
      "compiler": ["src/compiler"],
      "core": ["src/core"],
      "shared": ["src/shared"],
      "web": ["src/platforms/web"],
      "weex": ["src/platforms/weex"],
      "server": ["src/server"],
      "entries": ["src/entries"],
      "sfc": ["src/sfc"],
    },
    "target": "ES6",
    "module": "es6",
    "allowSyntheticDefaultImports": true
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules"]
}

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

完。

上一篇下一篇

猜你喜欢

热点阅读