Que signifie le symbole "@" dans "import {Component} from" @ angular / core ";" déclaration?

Question

Je lis Angular 2 "5 Min Quickstart" et il y a une telle ligne:

 import { Component } from '@angular/core';"
 

Je n'arrive pas à comprendre ce que le symbole @ crée dans cette importation? Les documents TypeScript ne disent rien non plus à ce sujet.

Qu'est-ce que ça veut dire?

Answer 1

Aussi intéressant, c'est que vous pouvez utiliser l' @ symbole de portée pour les non-mnp paquetages. Vous pouvez l'utiliser dans votre projet comme un court façon de se référer à des répertoires différents.

c'est à dire

import { MyService } from '@services/my.service';
import { HelloWorldComponent } from '@components/hello-world.component';

au lieu de

import { MyService } from '../../../../my.service';
import { HelloWorldComponent } from '../shared/deeply/nested/hello-world/hello-world.component';

Pour ce faire, il vous suffit de configurer votre tsconfig.fichier json (à la racine du projet) comme ceci:

{
  "compileOnSave": false,
  "compilerOptions": {

    // omitted...

    "baseUrl": "src",
    "paths": {
      "@services/*": ["app/path/to/services/*"],
      "@components/*": ["app/somewhere/deeply/nested/*"],
      "@environments/*": ["environments/*"]
    }
  }
}

Voir tous les détails sur Angulaire Firebase

Answer 2

@ nom_étendue / nom_package

Il s'agit de la fonctionnalité NPM, du nom de portée, tout ce qui est entre @ et une barre oblique / sera le nom de votre portée.

npm scope document

Answer 3

Ceci est juste une convention de nommage utilisée par Angular. Depuis la publication, ils l'ont renommé @ angular / core au lieu de angular2 / core.

Il fait référence aux composants essentiels du cadre.

(trouvé dans post - angularjs 2 avec matériau angulaire @ angulaire / noyau non trouvé )