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 )