typescript - уроки - angular версии




Что означает символ «@» в «import{Component) из выражения« @ angular/core »;»? (2)

@ SCOPE_NAME / package_name

Это NPM-функция, имя области действия, все, что угодно между @ и slash /, будет вашим именем области.

Документ

Я читаю Angular 2 "5 Min Quickstart" и есть такая строка:

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

Я не могу понять, что делает символ @ в этом импорте? Документы TypeScript также ничего не говорят об этом.

Что это значит?


Кроме того, актуальность заключается в том, что вы можете использовать @ символа @ для пакетов, отличных от числа npm. Вы можете использовать это в своем проекте как короткий способ обращения к различным каталогам.

т.е.

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

вместо

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

Для этого вы просто настраиваете файл tsconfig.json (в корне проекта) следующим образом:

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

    // omitted...

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

Посмотреть полную информацию на Angular Firebase





angular