Как импортировать два класса с одинаковым именем в javascript/es6?

Question

У меня есть эти два заявления импорта в файле:

import Data from 'component/Data.js'; 
import Data from 'actions/Data.js'; 

Оба файла содержит класс с именем Data.

Как я могу указать, что именно? Как я могу избежать столкновения имен?

Answer 1

Предположительно component/Data и actions/Data оба имеют default экспорт, а не экспорт названий? Как это:

export default class Data {} 

Если это так, то импортер может вызвать переменные, что им нравится:

import Data1 from 'component/Data.js'; 
import Data2 from 'actions/Data.js'; 

Если они названы экспорта:

export class Data {} 

Тогда вам необходимо использовать фигурные скобки вместе с as для указания названия источника и целевого назначения:

import { Data as Data1 } from 'component/Data.js'; 
import { Data as Data2 } from 'actions/Data.js'; 

Answer 2

Редакцией: Согласно RGraham ответ, обновляя мой ответ:

Не можете вы импортировать его, как это:

import {Data as D1} from 'component/Data.js'; 
import {Data as D2} from 'actions/Data.js'; 

затем использовать его как вам требуется:

D1.{} 
D2.{} 

ссылки от: https://github.com/lukehoban/es6features/blob/master/README.md/#user-content-modules