美文网首页
[记录]让 VSCode 支持路径别名

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

作者: 柏丘君 | 来源:发表于2018-10-09 14:24 被阅读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 选项的值做相应的修改。

    完。

    相关文章

      网友评论

          本文标题:[记录]让 VSCode 支持路径别名

          本文链接:https://www.haomeiwen.com/subject/ipweaftx.html