Webpack perd les liens rapides et les invites intelligentes après avoir utilisé l'alias

webpack définit l'alias pour l'alias d'accès rapide

Afin de faciliter l'introduction rapide de fichiers de niveau profond, nous configurons généralement l'alias au niveau du webpack, comme indiqué ci-dessous

// 配置
{
	...otherOptions,
	resolve: {
    alias: {
      '@': path.resolve('src'),
    }
  },
}

// 使用import test from @/test.js; 访问 src/test.js;

Questions soulevées

1. Perte de la possibilité d'accéder rapidement au fichier cible en cliquant sur le code d'importation (tel que : importer roleIcon depuis '@/images/role.png' ; ); ;
2. Il n'y a pas d'invite intelligente lors de l'introduction de @

Solution

Créez un fichier jsconfig.json dans le répertoire racine et écrivez le code suivant.

{
  "include": [
    "./src/**/*"
  ],
  "compilerOptions": {
    "experimentalDecorators": true,
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*", "./src/*/index"]
    }
  }
}