[JS] Snowpack3 - ESM의 시대가 곧 도래합니다.

ES 모듈인 ESM은 자바스크립트(ES) 모듈을 의미합니다. 

최신 브라우저가 지원합니다. IE를 삭제하는 한 문은 상당히 열려 있습니다.

 

ESM 이전의 JavaScript 프로젝트 상황은 다음과 같습니다.

1. npm에서 사용해야하는 패키지가 있습니다.
2. package.json, npm install 등을 사용하여 미리 npm에서 설치합니다.
3. 어떤 이유로 (개발자의 편의를 위해) 잘못된 ESM 인 import 문을 작성하고 로컬 node_modules 폴더에서 패키지를 가져 오는 것으로 가정합니다.
4. 우리 번들러는 잘못된 import를 어떻게 처리해야하는지 알게 될 것입니다.
5. Babel 및 다른 대안들을 실행하는 것과 같이 어쨌든 우리가 원하는 다른 작업을 수행한다는 말이 있기 때문에 이것은 모두 괜찮습니다.

우리는 차세대 snowpack3을 사용하여 보다 간단하게 esm을 다룰 수 있습니다.

React (JSX 포함)는 정상적으로 작성되었으며 npm 설치, node_modules 디렉토리 및 빌드 단계가 없었습니다.

그러나 여전히 개발 서버 및 다시 로드 중입니다.(핫리로드). 너무 가볍습니다. 

 

 

 

 

 

출처 : css-tricks.com/life-with-esm/?fbclid=IwAR0GfL74NEZWUc47d4IbeNNQEKAz_xOptKG3_p44JjL5ipStsEIYXbnd3AM