ESM과의 삶

ES 모듈 (ESM)은 JavaScript 개발에 혁명을 일으키고 있습니다. JavaScript 코드를 관리하는 최신 방법 인 import 및 관련 기능을 생각하십시오.

현대식 브라우저는 이제 ESM을 완전히 지원하여 특히 인터넷 익스플로러를 넘어 이동 한 경우 JavaScript 프로젝트를 크게 단순화합니다.

ESM 이전에 JavaScript 개발은 다음과 같이 몇 가지 단계가 포함되었습니다.

1. package.json 및 npm install 사용하여 NPM의 패키지 가져 오기.
2. 로컬 node_modules 폴더의 가져 오기를 가정 할 때 엄격하게 유효한 ESM (개발자 편의성)이 아닌 가져 오기 진술을 작성합니다.
3. 이러한 비표준 수입품을 처리하기 위해 번들러에 의존하며, 종종 성능 최적화 및 바벨 변환과 같은 작업을 위해.

ESM의 부상은 이러한 확립 된 관행에 도전하고 있습니다. 질문이 제기되고 있습니다.

• npm install 실제로 필요합니까?
• 번들링의 필요성을 제거 할 수 있습니까?
• HTTP/2, Global CDN 및 브라우저 최적화를 사용하면 성능이 여전히 중요합니까?
• 과도한 다운 컴파일로 코드를 과도하게 컴파일하고 있습니까?

ESM의 잠재력을 수용하는 새로운 도구가 떠오르고 있습니다. 예를 들어 Snowpack 3은 npm install , node_modules 또는 빌드 단계가없는 RUNGIL REACT (JSX 포함)를 보여 주지만 여전히 개발 서버 및 핫 리로딩을 제공합니다. 이 간소화 된 접근 방식은 엄청나게 효율적입니다.

또 다른 혁신적인 도구 인 WMR (Web Module Runner)은 Snowpack/Skypack과 유사한 철학을 공유합니다. 설치없이 NPM 패키지를 사용할 수 있으며 JSX, TypeScript 및 CSS 모듈을 지원하며 DEV 서버 및 HOT Reloading과 같은 기능을 포함합니다.

ESM에 대한 이러한 추세는 Node.js 측에서도 상당한 추진력을 얻고 있습니다. 1000 개가 넘는 패키지를 보유한 저명한 NPM 패키지 관리자 인 Sindre Sorhus는 거의 모든 패키지를 ESM으로 마이그레이션하여 단일 ESM 전용 출력 형식을 옹호 할 계획입니다. 이 생태계 전체의 변화는 브라우저 기반 개발에 큰 영향을 미칩니다.

번들링이 필요한 상황 (예 : NPM 패키지는 아직 ESM 호환되지 않음)의 경우 차세대 번들러가 크게 향상된 속도를 제공합니다.

위 내용은 ESM과의 삶의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!