หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

สร้างใหม่

อังกฤษ | โปรตุเกส | 简体中文

Rsbuild เป็นเครื่องมือสร้างประสิทธิภาพสูงที่ขับเคลื่อนโดย Rspack มีชุดการกำหนดค่าเริ่มต้นที่ได้รับการออกแบบอย่างพิถีพิถัน มอบประสบการณ์การพัฒนาที่พร้อมใช้งานทันที และสามารถปลดปล่อยข้อได้เปรียบด้านประสิทธิภาพของ Rspack ได้อย่างเต็มที่

Rsbuild มีคุณสมบัติการสร้างที่หลากหลาย รวมถึงการคอมไพล์ TypeScript, JSX, Sass, Less, CSS Modules, Wasm และอื่น ๆ นอกจากนี้ยังรองรับ Module Federation, การบีบอัดรูปภาพ, การตรวจสอบประเภท, PostCSS, Lightning CSS และอื่นๆ อีกมากมาย

การเปรียบเทียบ

Rsbuild เป็นเครื่องมือสร้างที่เทียบเท่ากับ Vite, Create React App หรือ Vue CLI ทั้งหมดนี้มาพร้อมกับเซิร์ฟเวอร์ dev ในตัว เครื่องมือบรรทัดคำสั่ง และการกำหนดค่าบิลด์ที่สมเหตุสมผลเพื่อมอบประสบการณ์ที่พร้อมใช้งานทันที

CRA / Vue CLI

คุณสามารถนึกถึง Rsbuild ว่าเป็น Create React App หรือ Vue CLI เวอร์ชันที่ทันสมัย ​​โดยมีความแตกต่างหลักๆ เหล่านี้:

  • บันเดิลพื้นฐานถูกเปลี่ยนจาก Webpack เป็น Rspack ซึ่งให้ประสิทธิภาพการสร้าง 5 ถึง 10 เท่า

  • แยกออกจากเฟรมเวิร์ก UI ส่วนหน้าและรองรับเฟรมเวิร์ก UI ทั้งหมดผ่านปลั๊กอิน รวมถึง React, Vue, Svelte, Solid เป็นต้น

  • มันมีความสามารถในการขยายที่ดีกว่า คุณสามารถขยาย Rsbuild ได้อย่างยืดหยุ่นผ่านการกำหนดค่า, Plugin API และ JavaScript API

วิท

Rsbuild มีความคล้ายคลึงกันหลายประการกับ Vite เนื่องจากทั้งสองมีเป้าหมายที่จะปรับปรุงประสบการณ์การพัฒนาส่วนหน้า ความแตกต่างที่สำคัญคือ:

  • ความเข้ากันได้ของระบบนิเวศ : Rsbuild เข้ากันได้กับปลั๊กอิน webpack ส่วนใหญ่และปลั๊กอิน Rspack ทั้งหมด ในขณะที่ Vite เข้ากันได้กับปลั๊กอิน Rollup หากคุณกำลังใช้ปลั๊กอินและตัวโหลดเพิ่มเติมจากระบบนิเวศของ webpack การย้ายไปยัง Rsbuild จะค่อนข้างง่าย

  • ความสม่ำเสมอในการผลิต : Rsbuild ใช้ Rspack สำหรับการรวมกลุ่มระหว่างทั้งการพัฒนาและการสร้างการผลิต ดังนั้นจึงรับประกันความสอดคล้องในระดับสูงระหว่างผลลัพธ์การพัฒนาและการผลิต นี่เป็นหนึ่งในเป้าหมายที่ Vite มุ่งหวังที่จะบรรลุผลด้วย Rolldown

  • Module Federation : ทีม Rsbuild ทำงานอย่างใกล้ชิดกับทีมพัฒนา Module Federation โดยให้การสนับสนุนชั้นหนึ่งสำหรับ Module Federation เพื่อช่วยคุณพัฒนาแอปพลิเคชันเว็บขนาดใหญ่ด้วยสถาปัตยกรรมไมโครส่วนหน้า

ผลงาน

Rsbuild สามารถใช้ประโยชน์จากประสิทธิภาพการสร้างของ Rspack ได้อย่างเต็มที่ นี่คือเวลาที่ใช้ในการสร้างส่วนประกอบ React 1,000 รายการ:

ข้อมูลข้างต้นมาจากเกณฑ์มาตรฐานเปรียบเทียบประสิทธิภาพ

คุณสมบัติ

Rsbuild มีคุณสมบัติดังต่อไปนี้:

  • กำหนดค่าได้ง่าย : หนึ่งในเป้าหมายของ Rsbuild คือการมอบความสามารถในการสร้างที่พร้อมใช้งานทันทีสำหรับผู้ใช้ Rspack ช่วยให้นักพัฒนาสามารถเริ่มต้นโครงการเว็บโดยไม่ต้องมีการกำหนดค่า นอกจากนี้ Rsbuild ยังมีการกำหนดค่าบิลด์เชิงความหมายเพื่อลดเส้นโค้งการเรียนรู้สำหรับการกำหนดค่า Rspack

  • มุ่งเน้นประสิทธิภาพ : Rsbuild ผสานรวมเครื่องมือที่ใช้ Rust ประสิทธิภาพสูงจากชุมชน รวมถึง Rspack, SWC และ Lightning CSS เพื่อมอบความเร็วในการสร้างและประสบการณ์การพัฒนาระดับเฟิร์สคลาส

  • ระบบนิเวศปลั๊กอิน : Rsbuild มีระบบปลั๊กอินน้ำหนักเบาและมีปลั๊กอินอย่างเป็นทางการคุณภาพสูงมากมาย นอกจากนี้ Rsbuild ยังเข้ากันได้กับปลั๊กอิน webpack ส่วนใหญ่และปลั๊กอิน Rspack ทั้งหมด ทำให้ผู้ใช้สามารถใช้ประโยชน์จากชุมชนที่มีอยู่หรือปลั๊กอินภายในองค์กรใน Rsbuild ได้โดยไม่จำเป็นต้องเขียนโค้ดใหม่

  • สิ่งประดิษฐ์ที่เสถียร : Rsbuild ได้รับการออกแบบโดยเน้นไปที่ความเสถียรของสิ่งประดิษฐ์ที่สร้างขึ้น ช่วยให้มั่นใจได้ถึงความสอดคล้องกันสูงระหว่างอาร์ติแฟกต์ในการพัฒนาและรุ่นที่ใช้งานจริง และดำเนินการดาวน์เกรดไวยากรณ์และการฉีดโพลีฟิลให้เสร็จสมบูรณ์โดยอัตโนมัติ Rsbuild ยังมีปลั๊กอินสำหรับการตรวจสอบประเภทและการตรวจสอบไวยากรณ์ของสิ่งประดิษฐ์ เพื่อป้องกันปัญหาด้านคุณภาพและความเข้ากันได้ในโค้ดที่ใช้งานจริง

  • Framework Agnostic : Rsbuild ไม่ได้เชื่อมต่อกับเฟรมเวิร์ก UI ส่วนหน้าใดๆ รองรับเฟรมเวิร์กเช่น React, Vue, Svelte, Solid และ Preact ผ่านปลั๊กอิน และวางแผนที่จะรองรับเฟรมเวิร์ก UI เพิ่มเติมจากชุมชนในอนาคต

ระบบนิเวศ

Rsbuild จัดเตรียม JavaScript API และปลั๊กอิน API สำหรับเฟรมเวิร์กและเครื่องมือระดับสูงกว่า ตัวอย่างเช่น เราได้นำ Rspress และ Rslib มาใช้โดยอิงจาก Rsbuild โดยใช้ประโยชน์จากความสามารถและระบบนิเวศอย่างเต็มที่

แผนภาพต่อไปนี้แสดงความสัมพันธ์ระหว่าง Rsbuild และเครื่องมืออื่นๆ ในระบบนิเวศ:

เริ่มต้นใช้งาน

หากต้องการเริ่มต้นใช้งาน Rsbuild โปรดดูการเริ่มต้นอย่างรวดเร็ว

ลิงค์

  • Rspack: ตัวรวมเว็บแบบ Rust ที่รวดเร็ว

  • Rspress: เครื่องมือสร้างไซต์คงที่ที่รวดเร็วซึ่งใช้ Rsbuild

  • Rsdoctor: เครื่องมือวิเคราะห์บิลด์แบบครบวงจรสำหรับ Rspack และ webpack

  • Rslib: เครื่องมือสร้างไลบรารีที่ขับเคลื่อนโดย Rsbuild

  • Modern.js: เฟรมเวิร์ก React แบบก้าวหน้าที่ใช้ Rsbuild

  • Awesome-rspack: รายการสิ่งที่ยอดเยี่ยมที่เกี่ยวข้องกับ Rspack และ Rsbuild

  • ตัวอย่าง rspack: ตัวอย่างสำหรับ Rspack, Rsbuild, Rspress และ Rsdoctor

  • storybook-rsbuild: ตัวสร้างหนังสือนิทานขับเคลื่อนโดย Rsbuild

  • rsbuild-plugin-template：ใช้เทมเพลตนี้เพื่อสร้างปลั๊กอิน Rsbuild ของคุณเอง

  • rstack-design-resources：ออกแบบทรัพยากรสำหรับ Rspack, Rsbuild, Rspress และ Rsdoctor

ผลงาน

ยินดีต้อนรับผู้ร่วมให้ข้อมูลใหม่!

โปรดอ่านคู่มือการมีส่วนร่วม

หลักจรรยาบรรณ

การซื้อคืนนี้ได้นำหลักจรรยาบรรณของ ByteDance Open Source มาใช้ โปรดตรวจสอบหลักจรรยาบรรณเพื่อดูรายละเอียดเพิ่มเติม

ชุมชน

มาพูดคุยกับเราบน Discord ได้เลย! ทีม Rspack / Rsbuild และผู้ใช้ทำงานอยู่ที่นั่น และเรามองหาการสนับสนุนอยู่เสมอ

คุณภาพ

Rsbuild ใช้ Web Infra QoS เพื่อสังเกตแนวโน้มของตัววัดหลัก เช่น ขนาดบันเดิล ความเร็วคอมไพล์ และขนาดการติดตั้ง

เครดิต

การใช้งาน Rsbuild บางส่วนได้รับแรงบันดาลใจจากโครงการที่โดดเด่นในชุมชน เราอยากจะแสดงความขอบคุณต่อพวกเขา:

  • การใช้งานปลั๊กอินบางตัวอ้างอิงจาก create-react-app

  • ฟังก์ชันยูทิลิตี้บางอย่างอ้างอิงมาจาก html-webpack-plugin

  • การออกแบบ API บางตัวอ้างอิงจาก vite

เว็บไซต์ Rsbuild นี้ขับเคลื่อนโดย Netlify

ใบอนุญาต

Rsbuild ได้รับอนุญาตภายใต้ใบอนุญาต MIT

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด