rsbuild
v1.1.2
영어 | 포르투갈어 | 简体中文
Rsbuild는 Rspack을 기반으로 하는 고성능 빌드 도구입니다. 이는 신중하게 설계된 기본 빌드 구성 세트를 제공하여 즉시 사용 가능한 개발 경험을 제공하고 Rspack의 성능 이점을 완전히 활용할 수 있습니다.
Rsbuild는 TypeScript, JSX, Sass, Less, CSS 모듈, Wasm 등의 컴파일을 포함한 풍부한 빌드 기능을 제공합니다. 또한 모듈 연합, 이미지 압축, 유형 검사, PostCSS, Lightning CSS 등을 지원합니다.
Rsbuild는 Vite, Create React App 또는 Vue CLI와 동등한 빌드 도구입니다. 모두 기본 제공 개발 서버, 명령줄 도구 및 합리적인 빌드 구성이 함께 제공되어 즉시 사용 가능한 경험을 제공합니다.
Rsbuild는 다음과 같은 주요 차이점을 제외하고 Create React App 또는 Vue CLI의 현대화된 버전으로 생각할 수 있습니다.
기본 번들러는 Webpack에서 Rspack으로 전환되어 빌드 성능이 5~10배 향상됩니다.
프런트엔드 UI 프레임워크에서 분리되었으며 React, Vue, Svelte, Solid 등을 포함한 플러그인을 통해 모든 UI 프레임워크를 지원합니다.
더 나은 확장성을 제공합니다. 구성, 플러그인 API 및 JavaScript API를 통해 Rsbuild를 유연하게 확장할 수 있습니다.
Rsbuild는 Vite와 많은 유사점을 공유합니다. 둘 다 프론트엔드 개발 경험을 향상시키는 것을 목표로 하기 때문입니다. 주요 차이점은 다음과 같습니다.
생태계 호환성 : Rsbuild는 대부분의 웹팩 플러그인 및 모든 Rspack 플러그인과 호환되는 반면 Vite는 Rollup 플러그인과 호환됩니다. 현재 webpack 생태계에서 더 많은 플러그인과 로더를 사용하고 있다면 Rsbuild로 마이그레이션하는 것이 비교적 쉬울 것입니다.
프로덕션 일관성 : Rsbuild는 개발 및 프로덕션 빌드 모두에서 번들링을 위해 Rspack을 사용하므로 개발 및 프로덕션 출력 간의 높은 수준의 일관성을 보장합니다. 이는 Vite가 Rolldown을 통해 달성하려는 목표 중 하나이기도 합니다.
모듈 페더레이션 : Rsbuild 팀은 모듈 페더레이션 개발 팀과 긴밀히 협력하여 모듈 페더레이션에 대한 최고 수준의 지원을 제공하여 마이크로 프런트엔드 아키텍처를 사용하여 대규모 웹 애플리케이션을 개발하는 데 도움을 줍니다.
Rsbuild는 Rspack의 빌드 성능을 완벽하게 활용할 수 있습니다. 1000개의 React 컴포넌트를 빌드하는 데 걸린 시간은 다음과 같습니다.
위 데이터는 성능 비교 벤치마크에서 나온 것입니다.
Rsbuild에는 다음과 같은 기능이 있습니다.
간편한 구성 : Rsbuild의 목표 중 하나는 Rspack 사용자에게 즉시 사용 가능한 빌드 기능을 제공하여 개발자가 구성 없이 웹 프로젝트를 시작할 수 있도록 하는 것입니다. 또한 Rsbuild는 Rspack 구성에 대한 학습 곡선을 줄이기 위해 의미 체계 빌드 구성을 제공합니다.
성능 지향 : Rsbuild는 Rspack, SWC 및 Lightning CSS를 포함한 커뮤니티의 고성능 Rust 기반 도구를 통합하여 최고 수준의 빌드 속도와 개발 경험을 제공합니다.
플러그인 생태계 : Rsbuild는 경량 플러그인 시스템을 갖추고 있으며 다양한 고품질 공식 플러그인을 포함합니다. 또한 Rsbuild는 대부분의 웹팩 플러그인 및 모든 Rspack 플러그인과 호환되므로 사용자는 코드를 다시 작성할 필요 없이 Rsbuild의 기존 커뮤니티 또는 내부 플러그인을 활용할 수 있습니다.
안정적인 아티팩트 : Rsbuild는 빌드 아티팩트의 안정성에 중점을 두고 설계되었습니다. 개발 및 프로덕션 빌드의 아티팩트 간의 높은 일관성을 보장하고 구문 다운그레이드 및 폴리필 주입을 자동으로 완료합니다. Rsbuild는 또한 프로덕션 코드의 품질 및 호환성 문제를 방지하기 위해 유형 검사 및 아티팩트 구문 유효성 검사를 위한 플러그인을 제공합니다.
프레임워크에 구애받지 않음 : Rsbuild는 프런트 엔드 UI 프레임워크와 결합되지 않습니다. 플러그인을 통해 React, Vue, Svelte, Solid, Preact와 같은 프레임워크를 지원하며 앞으로 커뮤니티에서 더 많은 UI 프레임워크를 지원할 계획입니다.
Rsbuild는 더 높은 수준의 프레임워크 및 도구를 위한 JavaScript API 및 플러그인 API를 제공합니다. 예를 들어, 우리는 Rsbuild를 기반으로 Rspress 및 Rslib를 구현하여 Rsbuild의 기능과 생태계를 최대한 활용했습니다.
다음 다이어그램은 Rsbuild와 생태계의 다른 도구 간의 관계를 보여줍니다.
Rsbuild를 시작하려면 빠른 시작을 참조하세요.
Rspack: 빠른 Rust 기반 웹 번들러입니다.
Rspress: Rsbuild를 기반으로 한 빠른 정적 사이트 생성기입니다.
Rsdoctor: Rspack 및 webpack용 원스톱 빌드 분석기입니다.
Rslib: Rsbuild가 제공하는 라이브러리 빌드 도구입니다.
Modern.js: Rsbuild를 기반으로 한 진보적인 React 프레임워크입니다.
awesome-rspack: Rspack 및 Rsbuild와 관련된 멋진 것들의 선별된 목록입니다.
rspack-examples: Rspack, Rsbuild, Rspress 및 Rsdoctor에 대한 예입니다.
storybook-rsbuild: Rsbuild로 구동되는 스토리북 빌더.
rsbuild-plugin-template：이 템플릿을 사용하여 자신만의 Rsbuild 플러그인을 만드세요.
rstack-design-resources: Rspack, Rsbuild, Rspress 및 Rsdoctor용 디자인 리소스입니다.
새로운 기여자를 환영합니다!
기여 가이드를 읽어보세요.
이 저장소는 ByteDance 오픈 소스 행동 강령을 채택했습니다. 자세한 내용은 행동강령을 확인하세요.
Discord에 오셔서 우리와 채팅해보세요! Rspack/Rsbuild 팀과 사용자가 그곳에서 활동하고 있으며 우리는 항상 기여를 찾고 있습니다.
Rsbuild는 Web Infra QoS를 사용하여 번들 크기, 컴파일 속도 및 설치 크기와 같은 주요 지표의 추세를 관찰합니다.
Rsbuild 구현 중 일부는 커뮤니티의 뛰어난 프로젝트에서 영감을 얻었습니다. 우리는 그들에게 다음과 같은 감사의 마음을 전하고 싶습니다.
일부 플러그인의 구현은 create-react-app에서 참조됩니다.
일부 유틸리티 기능은 html-webpack-plugin에서 참조됩니다.
일부 API의 디자인은 vite에서 참조됩니다.
이 Rsbuild 웹사이트는 Netlify에 의해 제공됩니다.
Rsbuild는 MIT 라이선스에 따라 라이선스가 부여됩니다.
