starbase
4.0.0
Starbase เป็นต้นแบบเว็บไซต์คงที่ที่พร้อมใช้งานจริงซึ่งมี Webpack 5, TypeScript, PostCSS และ Tailwind CSS ที่ได้รับการออกแบบมาเพื่อผสานรวมกับผู้ให้บริการโฮสติ้ง Jamstack สมัยใหม่ เช่น Vercel, Netlify และ AWS Amplify เริ่มสร้างในไม่กี่นาทีด้วยเทคโนโลยีส่วนหน้าที่ทรงพลังที่สุดที่พร้อมใช้งานในปี 2024 ขับเคลื่อนโดยประสบการณ์นักพัฒนาที่เรียบง่ายและมีคุณสมบัติครบถ้วน
Starbase ถูกสร้างขึ้นโดย Brian Staruk เพื่อเป็นแนวทางสไตล์โค้ดส่วนตัวและต้นแบบโปรเจ็กต์ที่ยืดหยุ่น เป็นงานที่อยู่ระหว่างดำเนินการอย่างต่อเนื่องซึ่งได้รับการดูแลรักษาอย่างต่อเนื่องตั้งแต่ต้นปี 2560 โดยมุ่งเน้นที่การนำมาตรฐานอุตสาหกรรมล่าสุดไปใช้และรักษาการพึ่งพาทั้งหมดให้ทันสมัยอยู่เสมอ
"ความเรียบง่ายคือความซับซ้อนขั้นสูงสุด"
- เลโอนาร์โด ดา วินชี
ภารกิจหลักของ Starbase คือการเรียบง่ายอย่างซับซ้อน กำหนดค่า ขยาย และบูรณาการได้ง่าย สิ่งนี้ยังเกิดขึ้นเพื่อทำให้เป็นแพลตฟอร์มที่ยอดเยี่ยมสำหรับนักพัฒนาเว็บในการเสริมความรู้เกี่ยวกับการกำหนดค่า Bare-Metal Webpack, TypeScript และ/หรือ Tailwind CSS
ในการเริ่มต้น ให้รันคำสั่งด้านล่าง ซึ่งจะแนะนำคุณตลอดกระบวนการติดตั้ง:
npx starbase@latest ขอแนะนำให้ใช้ nvm (หรือ nvm-windows) เพื่อจัดการการติดตั้งเวอร์ชัน Node ของคุณ หากคุณจะไม่ใช้ nvm คุณจะต้องอ้างอิงถึงไฟล์ /.nvmrc เพื่อตรวจสอบว่าเวอร์ชันของ Node ของคุณเข้ากันได้กับเวอร์ชันที่แนะนำ
เริ่มต้นด้วยการตรวจสอบให้แน่ใจว่าคุณใช้ Node เวอร์ชันที่แนะนำ และติดตั้งการขึ้นต่อกันของโปรเจ็กต์:
nvm use
npm install คำสั่ง dev จะให้บริการแหล่งที่มาของโครงการที่ http://localhost:3000 การเปลี่ยนแปลงใดๆ ที่เกิดขึ้นภายใน /src จะคอมไพล์ซอร์สใหม่และรีเฟรชเว็บเบราว์เซอร์ของคุณ
npm run dev คำสั่ง build จะคอมไพล์และลดขนาดแหล่งที่มาของโปรเจ็กต์ลงใน /dist เพื่อการรวมหรือปรับใช้
npm run buildStarbase ได้รับการตั้งค่าให้ปรับใช้กับรูทของเว็บเซิร์ฟเวอร์บนสภาพแวดล้อมโฮสติ้ง เช่น Vercel, Netlify ฯลฯ ด้วยเหตุนี้ เนื้อหาทั้งหมด (js, css, แบบอักษร, รูปภาพ ฯลฯ) จึงมีการอ้างอิงด้วยเส้นทางที่แน่นอน
หากคุณต้องการอ้างอิงเนื้อหาผ่านเส้นทางสัมพัทธ์แทน ดังนั้นไฟล์ .html ที่คอมไพล์แล้วจึงสามารถแจกจ่ายและเปิดในเว็บเบราว์เซอร์ได้โดยไม่ต้องปรับใช้กับสภาพแวดล้อมการโฮสต์ คุณจะต้องลบ (หรือแสดงความคิดเห็น) publicPath ใน /webpack/webpack.config.base.ts
หากคุณต้องการเก็บเส้นทางที่แน่นอนไว้ แต่ตั้งค่าเป็นไดเร็กทอรีย่อยแทนรูท คุณสามารถเปลี่ยนค่าแทนการลบออกได้
Starbase เป็นซอฟต์แวร์โอเพ่นซอร์สฟรี โปรดสร้างสิ่งที่ยอดเยี่ยมด้วยมัน คุณสามารถซื้อเบียร์ให้ฉันในครั้งต่อไปที่คุณอยู่ที่บอสตัน ติดดาวโปรเจ็กต์และบอกเพื่อน หรือคุณสามารถลบสัญญาณที่มาทั้งหมดแล้วบอกเพื่อนร่วมงานว่าคุณเป็นคนทำเอง ทุกอย่างมันดี!
