Javascript에서 기본 가져 오기의 별칭을 어떻게 지정할 수 있습니까?


381

ES6 모듈을 사용하면 명명 된 가져 오기의 별칭을 지정할 수 있다는 것을 알고 있습니다.

import { foo as bar } from 'my-module';

기본 가져 오기를 가져올 수 있다는 것을 알고 있습니다

import defaultMember from 'my-module';

기본 가져 오기의 별칭을 지정하고 다음과 같이 작동한다고 생각했습니다.

import defaultMember as alias from 'my-module';

그러나 구문 분석 (구문) 오류가 발생합니다.

기본 가져 오기의 별칭을 어떻게 지정할 수 있습니까?

답변:


724

defaultMember이미 입니다 별칭 - 그것은 내 보낸 된 함수 / 물건의 이름 일 필요는 없습니다. 그냥 해

import alias from 'my-module';

또는 당신은 할 수 있습니다

import {default as alias} from 'my-module';

그러나 그것은 다소 난해합니다.


12
별명 자체는 밀교입니다! redux 구성 요소를 테스트 할 때는 명명 된 내보내기 기본값을 가져 오는 것이 편리합니다.import WrappedComponent, { Component } from 'my-module';
ptim

매우 엄격한 일부 기울기 규칙은 동의하지 않으며 실제로 기본 입력 이름을 파일 이름으로 유지하기를 원합니다.
phil294

1
@Blauhirn 참조를 따르지 않고 리팩토링 도구로 전역 검색 및 교체를 사용해야하는 이전 IDE의 경우입니까? 어리석은.
Bergi

@Bergi 아니오, 그것은 예를 들어 airbnb tslint 규칙 세트에 의해 사용되는 tslint 규칙 "import-name"이며, 따라서 다소 널리 퍼져 있습니다. 이 규칙은 일관성 bugfree하고 읽을 수있는 코드 장려하기 위해 존재
phil294

2
MDN 문서는 다음과 같은 문서 업데이트를 반영해야합니다. developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…
nardecky
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.