[javascript] ES6 모듈에서 중복된 모듈을 제거하는 방법은 무엇인가요?

다른 방법으로는 웹팩과 같은 번들러를 사용하여 중복된 모듈을 자동으로 제거할 수 있습니다.

다음의 코드 예제를 참고해 보세요.

// math.js 모듈
export const add = (a, b) => a + b;
export const subtract = (a, b) => a - b;
// app.js 모듈
import { add } from './math.js';
import { subtract } from './math.js';

console.log(add(3, 4)); // 7
console.log(subtract(6, 2)); // 4

위 코드에서 math.js 모듈이 두 번 import 되었지만, 브라우저나 번들러는 이를 실제로는 한 번만 로드합니다.