อังกฤษ | โปรตุเกส | 简体中文
Rsbuild เป็นเครื่องมือสร้างประสิทธิภาพสูงที่ขับเคลื่อนโดย Rspack มีชุดการกำหนดค่าเริ่มต้นที่ได้รับการออกแบบอย่างพิถีพิถัน มอบประสบการณ์การพัฒนาที่พร้อมใช้งานทันที และสามารถปลดปล่อยข้อได้เปรียบด้านประสิทธิภาพของ Rspack ได้อย่างเต็มที่
Rsbuild นำเสนอคุณสมบัติการสร้างที่หลากหลาย รวมถึงการคอมไพล์ TypeScript, JSX, Sass, Less, CSS Modules, Wasm และอื่นๆ นอกจากนี้ยังรองรับ Module Federation, การบีบอัดรูปภาพ, การตรวจสอบประเภท, PostCSS, Lightning CSS และอื่นๆ อีกมากมาย
Rsbuild เป็นเครื่องมือสร้างที่เทียบเท่ากับ Vite, Create React App หรือ Vue CLI ทั้งหมดนี้มาพร้อมกับเซิร์ฟเวอร์ dev ในตัว เครื่องมือบรรทัดคำสั่ง และการกำหนดค่าบิลด์ที่สมเหตุสมผลเพื่อมอบประสบการณ์ที่พร้อมใช้งานทันที
คุณสามารถนึกถึง 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