JavaScript 빌드 도구의 미래

뭐야?

JavaScript 소프트웨어를 만드는 것은 많은 도구가 필요한 프로세스입니다. 브라우저는 JavaScript를 직접 사용할 수 있지만 일반적으로 개발자가 소프트웨어 작성에 집중할 수 있는 장치가 있습니다. 오늘날 코드는 브라우저(또는 Node.js 와 같은 다른 JavaScript 런타임 ) 가 필요로 하는 JavaScript로 변환되어야 하는 Microsoft 에서 만든 JavaScript의 상위 집합인 TypeScript 로 작성될 가능성이 높습니다 .

사용자의 브라우저로 보낼 데이터 생성을 조율하는 여러 번들러가 있습니다. 그러나 이 소프트웨어 세트는 현재 많은 프로젝트에서 찾을 수 있는 매우 일반적인 도구가 있음에도 불구하고 지속적으로 발전하고 있습니다.

프로젝트에 따라 도구를 정기적으로 재고하고 시장을 주시하는 것이 유용할 수 있습니다. 몇 가지 새로운 도구 또는 이전 도구를 대체하는 것이 속도와 개발자 친화성 측면에서 실질적인 이점을 제공하기 때문입니다.

• TypeScript는 더 이상 새로운 것이 아니며 점점 더 많은 소프트웨어 프로젝트에 채택되고 있습니다. 다른 패키지에서도 유형 안전성을 제공하고 프로덕션에서 오류를 실행하는 대신 프로그래밍하는 동안 오류를 방지할 수 있습니다. 소프트웨어를 작성할 때와 JavaScript로 처리할 때 모두 오버헤드가 발생합니다.
• 브라우저 애플리케이션 코드 — TypeScript, JavaScript, HTML, (전처리된) CSS, 자산 등이 배포를 위해 압축되어야 합니다. webpack , Rollup , Parcel 등과 같은 도구가 이 작업을 수행합니다.
• 서버 측 애플리케이션의 경우 소프트웨어를 실행하려면 Node.js와 같은 런타임 환경이 필요합니다.

속도 측면에서 esbuild는 우리 프로젝트에서 진정한 게임 체인저였습니다. 예를 들어 기존 웹팩 설정에서 babel-loader를 대체하는 로더로 사용될 수 있습니다. 일반적으로 코드에 약간의 조정이 필요하며 프로젝트에서 속도가 50% 이상 향상되었습니다.

그러나 esbuild는 런타임용 코드를 준비하기 위해 독립 실행형으로도 사용할 수 있습니다. Esbuild는 네이티브 코드로 컴파일된 Go 로 작성 되어 매우 빠릅니다.

다음은 주의해야 할 몇 가지 도구입니다.

• Parcel CSS : 빠른 속도를 보장하는 CSS 파서, 컴파일러 및 축소기( Rust 로 작성됨 )
• Vite.js : 후드 아래에서 esbuild의 속도로 프런트 엔드 도구 및 번들링. Ecmascript 모듈에 의존하며 처음부터 좋은 개발 경험을 제공하기 위해 많은 의견을 제시합니다.
• Bun : 최신 JavaScript 런타임. 번들링, 트랜스파일링(또한 TypeScript) 기능이 포함된 초고속 및 즉시 사용 가능하며 npm으로 직접 구울 수 있습니다. 흥미롭게도 Zig로 작성되었으며 로고로 만두가 있습니다 .

왜 추천합니까?

빌드할 앱을 위해 안정적이고 잘 테스트된 플랫폼을 제공하는 것이 중요하지만 특히 JavaScript 세계에서는 빠른 속도로 발전하고 있습니다. 모든 새로운 것을 추적하는 것은 어렵고 앞으로 많은 새로운 프로젝트가 낮은 지원으로 어려움을 겪을 것입니다. 다른 것들은 여기에 머물면서 더 나은 개발 워크플로우로의 마이그레이션을 허용합니다(위에서 언급한 것과 같이: TypeScript, esbuild-loader).

우리는 항상 잘 테스트된 도구와 최신 소프트웨어를 함께 사용하도록 권장하므로 감수할 위험을 제어할 수 있습니다. 개발자에게 제시된 도구는 새로운 소프트웨어 제품을 만드는 동안 때때로 지루한 작업을 더 쉽게 시작하고 빠른 속도를 제공합니다.

저자: Dirk Weber
삽화: Kai Sinzinger

이 문서는 #24TechBites라는 시리즈의 일부입니다. 크리스마스까지 남은 시간을 즐겁게 보내기 위해 우리는 최신 기술에 대해 알리고 영감을 주거나 소프트웨어 트렌드에 대한 독단적인 리뷰를 제공하는 것을 목표로 합니다. 모두 "Adventskalender"라는 독일 전통의 24가지 작은 일일 놀라움의 형태로 제공됩니다.

다른 모든 #TechBites를 즐기고 우리와 우리의 강림절 달력에 대해 자세히 알아보려면 #24TechBites를 클릭하십시오 !

에 대한

Büro am Draht 는 오늘날의 비즈니스 요구 사항을 지원하고 아직 예측하지 못한 미래의 비즈니스 모델을 시작하기 위해 고객이 탄력 있고 적응 가능한 디지털 플랫폼을 구축할 수 있도록 지원하는 베를린 기반의 컨설팅 회사입니다. 따라서 우리는 디지털 전략에서 솔루션 설계 및 개발, 운영 지원에 이르기까지 디지털 혁신 프로세스의 모든 단계에서 긴밀하게 협력합니다.

다재다능하고 확장 가능한 솔루션 개발에 대한 당사의 민첩한 접근 방식은 고객이 매력적이고 개인화된 고객 경험을 지속적으로 제공할 수 있도록 보장합니다. 산업 전반에 걸쳐 회사를 지원하는 방법에 대해 자세히 알아보려면 다음을 방문하십시오.

dasburo.com
LinkedIn