Babel 6에서 기본 내보내기를 처리하는 방법은 무엇입니까?

Babel 6에서 재정의된 기본 내보내기

Babel 6 이전에는 기본 내보내기가 module.exports에 자동으로 할당되었습니다. 그러나 이 동작은 중단되었습니다. 결과적으로 개발자는 이제 다음 예에서 볼 수 있듯이 기본 내보내기에 액세스하려면 .default를 추가해야 합니다.

var foo = require('./foo');
// use foo

다음으로 대체되었습니다.

var foo = require('./foo').default;
// use foo

이 변경으로 인해 호환성 문제가 발생했습니다. 이전 내보내기 메커니즘에 의존하는 기존 코드. 광범위한 수동 수정 없이 호환성을 유지하려면 다음 솔루션을 고려하십시오.

해결책 1: CommonJS를 직접 사용

CommonJS를 직접 사용하면 이전 내보내기 동작이 복원됩니다. 그러나 이 접근 방식은 상호 운용성 및 의미 타당성 문제로 인해 바람직하지 않을 수 있습니다.

해결책 2: 'transform-commonjs' 플러그인 사용

'transform -commonjs' 플러그인을 사용하면 개발자가 ES6 모듈 내에서 CommonJS 스타일 내보내기를 활용할 수 있습니다. npm을 사용하여 설치하고 Babel 구성 파일(.babelrc)에서 다음과 같이 구성할 수 있습니다.

{
  "plugins": ["transform-commonjs"]
}

이러한 솔루션을 사용하면 개발자는 완전히 다시 작성할 필요 없이 기존 코드의 기능을 보존할 수 있습니다. 또한 필수 경로에 .default를 추가하면 기본 내보내기 가져오기가 간단해집니다.

위 내용은 Babel 6에서 기본 내보내기를 처리하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!