Import two exported classes with the same name

Question

In typescript, using Angular 2, I need to import two classes with the same name, but lying in different paths.

The project is quite too big that I find it hard to change the exported class names.

Is there any way to alias the imported classes,

import {Class1} from '../location1/class1'
import {Class1} from '../location2/class1'

score 426 · Accepted Answer · edited Jul 21 '19 at 15:33

426

You can use as like this:

import {Class1} from '../location1/class1'
import {Class1 as Alias} from '../location2/class1'

You can find more about the ES6 import statement here.

edited Jul 21 '19 at 15:33

Khalid

answered Sep 21 '16 at 07:41

toskv

2

In code then use Class1.anyMethod(). and Alias.anyMethodLocation2() – Gaj Julije Nov 25 '21 at 12:29
1

@toskv Not working for default classes (import without curly braces). – s3c Jul 18 '22 at 09:23
4

Answer: default class is already an alias, so just name it any way you want without the ` as something`. – s3c Jul 18 '22 at 09:26

1 Answers1