VSCode Intellisense не работает с псевдонимом webpack +

У меня есть проект с использованием псевдонима 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'

И Intellisense не работает. с:

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

Он делает.

Любые предложения?

Ответы

Ответ 1

Попробуйте создать jsconfig.json и настроить параметры компилятора paths

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

Вы можете найти больше информации о paths и других опциях компилятора здесь

Ответ 2

Это сработало для меня, как и предполагалось здесь (я хотел, чтобы @/ разрешил ./src/):

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

Минимальная версия, но я бы тоже оставил exclude:

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