VSCode Intellisense不适用于webpack +别名

Question

我有一个使用babel别名的项目： 解决：{   别名：{       vue：＆＃39; vue / dist / vue.js＆＃39;，       ＆＃39; @ cmp＆＃39;：解决（＆＃39; src / components＆＃39;），       ＆＃39; @ service＆＃39;：解决（＆＃39; src / services＆＃39;），       ＆＃39; @scss＆＃39;：解决（＆＃39; src / assets / styles＆＃39;），   } } 和一个组件： 从＆＃39; @ service / some＆＃39;导入someService。 智能感知不起作用。 有： 从＆＃39; ../../../../ service / some＆＃39;导入someService。 确实如此。 有什么建议？

Answer 1

尝试创建jsconfig.json并配置paths编译器选项

{
  "compilerOptions": {
    "baseUrl": ".",
    "module": "commonjs",
    "paths": {
      "@cmp/*": ["./src/components/*"]
    }
  }
}

您可以找到有关paths和其他编译器选项here

的更多信息

Answer 2

这对我有效，如建议here（我希望@/解析为./src/）：

{
  "compilerOptions": {
    "target": "es2017",
    "allowSyntheticDefaultImports": false,
    "baseUrl": "./",
    "paths": {
      "@/*": ["src/*"],
    }
  },
  "exclude": ["node_modules", "dist"]
}

最低版本，但我也会离开exclude：

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@/*": ["src/*"]
    }
  },
}