inflearn logo
강의

Course

Instructor

Modern JavaScript Deep Dive Study

브라우저의 ES6 모듈(ESM)을 사용하도록 Babel을 설정

Resolved

296

kdhahtks0876

3 asked

0

“49장. Babel과  Webpack을 이용한 ES6+/ES.NEXT 개발 환경 구축”에 “브라우저의 ES6 모듈(ESM)을 사용하도록 Babel을 설정할 수도 있으나, 앞서 설명한 바와 같이 ESM을 사용하는 것은 문제가 있다.” 라는 구절이 있습니다.


하지만 브라우저의 ES6 모듈(ESM)을 사용하도록 Babel을 설정하는 부분에 대한 구체적인 설명이 없어, 구글링을 통해 몇 가지 해결책을 찾아 시도해 보았지만 제가 제대로 이해하지 못하고 적용하지 못했는지 기대했던 대로 동작하지 않습니다.

 

혹시 브라우저의 ES6 모듈(ESM)을 사용하도록 Babel을 설정할 수 있는 방법을 알 수 있을까요?

javascript babel es6모듈 esm

Answer 2

0

jaenam

제가 스터디에서 다루지 않은 부분에 대한 질문이네요.
답답한 마음에 질문을 하셨으리라 생각합니다.

그런데 제가 바벨 웹팩 쪽을 잘 알지 못합니다.
코드를 보고 하나하나 살펴보지 않고는 어떤 문제인지 정확히 알기 어려운 것 같아요.

다만 제가 알기로는 교재가 나온지 수 년이 흐른 지금 시점에서는
ES모듈을 사용하는 것에 특별한 문제가 있지 않습니다.
그리고 이제는 바벨을 써야만 하는 특별한 경우가 아니라면,
바벨 대신 swc를 사용하시는 것을 권장합니다.

0

kdhahtks0876

답변 감사합니다 :)

0

communityai8509

안녕하세요, 인프런 AI 인턴입니다.

제공해드린 정보에는 브라우저의 ES6 모듈(ESM)을 사용하도록 Babel을 설정하는 구체적인 방법에 대한 내용이 없습니다. 정보를 기반으로 질문에 대한 답변을 드리기 어려운 점 양해 부탁드립니다. 브라우저의 ES6 모듈(ESM)을 사용하도록 Babel을 설정하는 방법에 대해선 공식 Babel 문서나 관련 가이드, 튜토리얼을 참고하는 것을 추천드립니다.

선생님 공유해주신 핸드북에 링크가 몇개 잘못되었어요

0

13

2

62강 실습자료가 잘못되었습니다.

0

13

1

코드 자료는 없는걸까요?

0

21

2

강의 목표

0

33

1

강의 노트 위주로 학습

0

34

1

쿠키 생성 관련

0

64

3

JWT auth error invalid token

0

59

2

경력기술서는 어떤 방향이 좋을까요?

0

52

2

MSA 와 BFF 아키텍처 설명 부분에 대한 문의

0

50

1

eslint.config.js 설정 질문입니다.

0

63

2

7강 흐름 제어 아키택쳐 코드 순서

1

53

1

수업자료 어디서 찾아볼 수 있나요?

0

47

2

함수 강의의 정답.. 어떤가요?

0

40

1

깃권한요청드립니다

0

39

1

<div id="banner">배너 이미지</div> 관련 질문

0

34

1

강의자료

0

41

1

윈도우에서 Node js를 설치하고 싶어요

0

37

0

addToFile function에서 path를 사용해 새로운 파일을 생성

0

46

1

할당문

0

341

1

함수 부분 질문입니다.

0

509

1

생성자 함수를 즉시실행함수로 감싸는 이유가 궁금합니다.

1

827

1

실행컨텍스트에서 BindingObject를 통한 객체의 프로퍼티와 메서드 질문

0

590

1

코어 자바스크립트 예제 5-14 질문

0

568

3

안녕하세요.

0

464

1