Node.js
Javascript 모듈 다루기, 그리고 webpack으로 bundling하기
Javascript 모듈 다루기 script를 다음과 같이 사용하는 것은 모듈화가 되어있지 않은 상태입니다. 이 상태에서는 각 script에 해당하는 js파일들은 서로 스코프를 공유하고 있습니다. 가령 다음과 같은 예시 코드에서는 scriptB.js 안에 있는 코드에서 scriptA.js에 있는 변수에 접근할 수 있습니다. 반면 javascript ES6부터는 import/export 구문으로 모듈을 다룰 수 있게 되었습니다. 각각의 모듈은 import/export 구문에 의해서 의존성을 추적할 수 있습니다. 한편, 모듈을 html에서 사용하기 위해서는 script 태그에 type="module"을 명시해줘야 합니다. * index.html * index.js import moduleA from "./m..
2021. 12. 6. 08:00
최근댓글