在使用 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
选项的值做相应的修改。
完。
网友评论