Maison >interface Web >js tutoriel >Une brève discussion sur la façon de configurer l'alias @path dans Angular10

Une brève discussion sur la façon de configurer l'alias @path dans Angular10

青灯夜游
青灯夜游avant
2021-03-16 09:38:541864parcourir

Cet article vous présentera comment configurer l'alias @path dans Angular10. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde.

Une brève discussion sur la façon de configurer l'alias @path dans Angular10

Recommandations associées : "Tutoriel angulaire"

Angular10Configuration de l'alias @path

La structure des fichiers du projet dans Angular10La configuration sur le site Web chinois

Angular10tsconfig est divisée en quatre fichiers

  • tsconfig.jsonLa TSConfiguration P par défaut pour chaque projet dans l'espace de travail

  • tsconfig.base.jsonLa base utilisée par tous les projets dans l'espace de travailTS Configuration, tous les autres fichiers de configuration sont hérités de ce fichier de base

  • tsconfig.app.jsonConfiguration TS spécifique à l'application, y compris TS et Angularoptions du compilateur de modèles

  • tsconfig.spec.jsonLa TS configuration pour les tests d'applications

Une brève discussion sur la façon de configurer lalias @path dans Angular10

La configuration principale est entsconfig.base.json

1. Parce que est introduit dans la configuration de TS, ajoutez le champ compilerOptions dans paths pour le mappage de déclaration

{
    "compileOnSave": false,
    "compilerOptions": {
        "baseUrl": "./",
        "outDir": "./dist/out-tsc",
        "sourceMap": true,
        "declaration": false,
        "downlevelIteration": true,
        "experimentalDecorators": true,
        "moduleResolution": "node",
        "importHelpers": true,
        "target": "es2015",
        "module": "es2020",
        "lib": ["es2018", "dom"],
        "paths": {
            "@/*": ["src/*"]
        }
    }
}

2. . Utiliser @/ après cela équivaut à utiliser src/

3. Utiliser @/

Une brève discussion sur la façon de configurer lalias @path dans Angular10

4. >@/

Une brève discussion sur la façon de configurer lalias @path dans Angular10

L'éditeur peut lancer un avertissement de soulignement lors de son utilisation après l'avoir configuré. Si vous êtes sûr que la configuration est correcte, vous pouvez essayer de redémarrer l'éditeur. >

Pour plus de connaissances sur la programmation, veuillez visiter : Vidéo de programmation

 ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer