Как импортировать из '@somefolder' в angular

Я просматривал чей-то код и нашел вот что:

import { NGSWUpdateService } from '@ngsw/ngsw-update.service';

Разработчик смог использовать '@ngsw/ngsw-update.service' вместо оригинального 'src/client/app/shared/ngsw/ngsw-update.service' с очень длинным путем.

Итак, как реализовать вышеизложенное, чтобы мне не приходилось импортировать с относительно длинных путей.

Вот код.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
0
65
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Когда вы импортируете по пути, который не является относительным, он будет искать в папке node_modules.

Итак, здесь он просто ищет здесь файл ngsw-update.service: node_modules/@ngsw/ngsw-update.service.

Это самый простой вариант использования, но вы можете использовать такие пути только с файлами из вашего проекта, определив их в tsconfig.json (в compilerOptions.paths`, см. Эту статью для получения дополнительной информации: https://netbasal.com/sexier-imports-in-typescript-e3c645bdd3c6

Ах, я понял, что он определил путь @ngsw внутри tsconfig.json, как этот "paths": { "@ngsw/*": ["src/client/app/shared/ngsw/*"]

Black Mamba 29.09.2018 11:48

Да, тогда это нормально, чтобы избежать очень длинного импорта;)

maxime1992 29.09.2018 11:50

Другие вопросы по теме