vscode 如何配置路径别名?配合webpack使用

Question

import { queryString } from '@/utils'

如果使用相对路径, 如:

import { queryString } from '../../utils'

点击 queryString 就能直接索引到对应的文件
但是用webpack alias 后 就失去这种便捷的功能了, 
vscode有没有这种路径别名的配置?

Answer 1

放一个jsconfig.json到项目根目录下。{  "compilerOptions": {    "baseUrl": ".",    "paths": {      "@/*": ["./*"]     }   } }文档：jsconfig#_using-webpack-aliases

Answer 2

resolve: {    alias: {        '@': path.resolve(__dirname, 'src')     } }