Vue cli 3 псевдоним проекта src для @ или ~ / не работает

Question

Я установил проект с vue cli 3, но по мере роста проекта импорт компонентов становится ужасным, и в итоге я импортирую такой компонент, как

import Component from '../../../../components/folder/Component.vue'

я просто хочу создать псевдоним папки src и сделать

import Component from '@components/folder/Component.vue'

Я прочитал, что мне нужно изменить vue.config.js, я сделал это, но ошибка та же

Module not found: Error: Can't resolve '@components/Permissions/PermissionsTable'

это мой vue.config.js

const path = require("path");

const vueSrc = "./src";

module.exports = {
  runtimeCompiler: true,
  css: {
    modules: true
  },
  configureWebpack: {
    resolve: {
      alias: {
        "@": path.join(__dirname, vueSrc)
      }
    }
  }

};

я что-то упустил? что еще мне делать?

Answer 1

Мне не хватало extensions: ['.js', '.vue', '.json'],, и при импорте я должен использовать '@ / components /...'