Vscode 开启对 webpack alias(文件别名) 引入的智能提示

在vscode中使用alias别名引入文件，jsdoc写的注释看不到。webpack中alias这样设置：

 configureWebpack: {
    name: name,
    resolve: {
      alias: {
        '@': resolve('src'),
      },
    },
  },

将src目录别名设置为@，为了能够有智能提示，我们可以在项目根目录下新建一个 jsconfig.json文件,内容如下：

{
  "compilerOptions": {
      "baseUrl": ".",
      "paths": {
          "@/*": ["src/*"]
      },
      "target": "ES6",
      "module": "commonjs",
      "allowSyntheticDefaultImports": true
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules", "dist"]
}

之后import导入有别名时就有注解的提示了，详细内容参考vscode文档