📦 Vue.js에서 외부 모듈 불러오기

Vue.js에서 외부 모듈을 불러올 때는 보통 import를 사용하지만, CommonJS 형식의 모듈이거나 특정 상황에서는 require()를 사용해야 할 때가 있습니다.

const 외부모듈 = require('모듈이름');

 

이 방식은 특히 다음과 같은 경우에 사용됩니다:

• 모듈이 CommonJS 형식으로 되어 있어 import로 불러올 수 없을 때
• 런타임 시점에 동적으로 모듈을 불러와야 할 때 (예: 조건부 로딩)

단, Vue 3 + Vite 프로젝트처럼 ESM 환경에서는 require() 사용이 제한되므로 가급적 import를 우선 고려하고, require()는 보완적인 수단으로 사용하는 것이 좋습니다.