visual-studio-code - VSCode Intellisense 不适用于 webpack + 别名

Question

我有一个使用 babel 别名的项目:

resolve: {
  alias: {
      vue: 'vue/dist/vue.js',
      '@cmp': resolve('src/components'),
      '@service': resolve('src/services'),
      '@scss': resolve('src/assets/styles'),
  }
}

和一个组件:

import someService from '@service/some'

并且智能感知不起作用。
和:

import someService from '../../../../service/some'

确实如此。

有什么建议？

Answer 1

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

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

您可以找到有关 paths 的更多信息和其他编译器选项 here