[환경설정] webpack.config.js 오류 / require, CommonJS

[환경설정_ webpack]

 

---

 

<STUDY>

 

❓ 문제

 

바닐라 자바스크립트 초기 환경 세팅을 하던 중 

webpack.config.js 파일에서 require를 사용하지 못해 오류가 발생하는 상황이 생겼다.

 

es6에서는 require가 아닌 import/export 를 사용하기 때문인데,

그대로 바꿔서 실행하면 build가 되지 않는 현상이 반복됐다.

 

 

❗ 해결방법

 

1. package.json 수정하기

기존 package.json

수정된 package.json (type 삭제)

webpack.config.js 파일은 그대로 두고 package.json 에서 type 부분을 삭제해 준다.

("type": "module" 은 ES6 버전을 지원)

 

 

2. 파일 이름 ( js → cjs ) 변경하기

webpack.config.js 파일을 webpack.config.cjs로 바꿔주면 CommonJS 방식을 사용할 수 있게 된다!

 

 

---

 

👉ez1n github 구경하기👈 

 

ez1n - Overview