웹팩 설정하기(4)

이번 글에서는 웹팩 설정하기를 마무리해보겠습니다.

1) 이번에 다뤄볼 주제는 main.js 파일에서 최신 자바스크립트 문법을 사용하고,

export할 시에는 바벨을 통해서 이전 자바스크립트 문법으로 변환하는 것입니다.

우선 main.js 파일에 다음과 같은 코드를 작성합니다.

2) 다음은 webpack.config.js 파일로 이동해서 새로운 rules를 추가해줍니다.

또한 npm install babel-loader를 통해서 babel-loader 패키지를 설치해줍니다.

3) 그리고 npm run dev:assets를 통해 실행하면,

이전과 같이 static 폴더가 잘 생성됨을 확인할 수 있습니다.

+@

"다음은 노마드코더(https://academy.nomadcoders.co/)의 [초급 풀스택] 유튜브 클론 코딩 강의를 참고하였습니다."