typescript - tutorial - install angular 2

¿Qué significa el símbolo "@" en "importar{Componente} de la declaración ''@ angular/core'';"?

Question

Estoy leyendo Angular 2 "5 Min Quickstart" y hay una línea similar:

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

No puedo entender, ¿qué hace @ symbol en esa importación? Los documentos de TypeScript tampoco dicen nada al respecto.

Qué significa eso?

Answer 1

@ scope_name / package_name

Esta es la función NPM, el nombre del alcance, cualquier cosa entre @ y barra / será el nombre de su alcance.

documento de alcance npm

Answer 2

También es relevante que también pueda usar el alcance del símbolo @ para paquetes que no sean npm. Puede usar esto en su proyecto como una manera breve de referirse a diferentes directorios.

es decir

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

en lugar de

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

Para hacer esto, simplemente configure su archivo tsconfig.json (en la raíz del proyecto) de esta manera:

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

    // omitted...

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

Vea todos los detalles en Angular Firebase

Answer 3

esto es solo una convención de nombres que usa Angular. Desde el lanzamiento, lo cambiaron a @ angular / core en lugar de angular2 / core.

Hace referencia a los componentes principales del marco.

(encontrado en post - angularjs 2 con angular-material @ angular / core no encontrado )