Refactoriza tu código renombrando imports

Estoy refactorizando código en Angular y necesito mantener los mismos nombres de archivo mientras termino la refactorización.
Mi solución fue renombrar mis imports. Es una forma muy práctica de usar un nombre diferente o un alias para mis clases y módulos.
Por ejemplo, puedes importar una sola clase usando la palabra clave:
import {Player as NbaPlayer} from './nba'O importar el módulo completo usando *:
import * as NbaLeage from './nba'Luego puedes usar tus alias en tu aplicación sin ningún problema.
Ejemplo:
import { Player, Team } from './nba';
import { Player as NbaPlayer} from './nba';
import * as NbaLeage from './nba';
let lebron = new Player('Lebron', 'SF');
let carmelo = new NbaLeage.Player('Carmelo', 'SF');
let curry = new NbaPlayer('curry', 'PG');
let players : Array<NbaPlayer> = [ carmelo, curry, lebron];
players.forEach(player => console.log(player.name));¡Que tengas un buen día!
Modern frontend development — Angular, React, TypeScript, accessibility, and performance.
Artículos Relacionados
Compartir este artículo
Si esta guía te resultó útil, compártela con tu equipo o con otros desarrolladores.
Software real. Lecciones reales.
Comparto las lecciones que aprendí por las malas, para que puedas evitarlas o estar preparado cuando ocurran.
Únete a 13,800+ desarrolladores y lectores.
Cero spam. Cancela tu suscripción en cualquier momento.