parcel static boilerplate

พัสดุหม้อต้มแบบคงที่

เริ่มต้นง่ายๆ เพื่อเริ่มเขียน HTML, JS และ SCSS ทันทีโดยไม่ต้องกำหนดค่าเพิ่มเติม สามารถใช้เป็นเครื่องกำเนิดไซต์แบบคงที่ได้!

การพัฒนา

1. โคลน หรือดาวน์โหลดที่เก็บนี้

    git clone https://github.com/aarongarciah/parcel-static-boilerplate.git
   

2. ติดตั้ง การพึ่งพา

    npm install
   

3. เรียกใช้ โหมด dev มันจะเปิดแท็บเบราว์เซอร์ที่มี dev url http://localhost:1234/

    npm run dev
   

การผลิตสร้าง

รันสคริปต์บิลด์และเว็บไซต์ที่ปรับให้เหมาะสมสำหรับการผลิตจะถูกสร้างขึ้นในโฟลเดอร์ /dist

 npm run build

ให้บริการสร้างการผลิตในพื้นที่

หากคุณต้องการให้บริการบิลด์การผลิตของคุณ (โฟลเดอร์ /dist ที่สร้างขึ้น) ภายในเครื่อง เพียงรันคำสั่งนี้และเปิด http://localhost:5000/ ในเบราว์เซอร์ของคุณ คำสั่งนี้รันคำสั่ง npm run build ก่อนที่จะให้บริการโฟลเดอร์ /dist

 npm run serve

กองเทคโนโลยี

• พัสดุ
• บาเบล
• ESLint
• สวยกว่า
• สัส
• คำนำหน้าอัตโนมัติ
• สไตล์ลินท์
• นันจั๊กส์
• อิมเมจมิน

ที่จะทำ

• ลงรายละเอียดคุณสมบัติทั้งหมด: การขุย การจัดรูปแบบ การสร้าง ฯลฯ
• เพิ่มคำสั่งที่มีอยู่ทั้งหมด
• อธิบายว่าเหตุใดจึงมีโฟลเดอร์ /static สองโฟลเดอร์
• เตือนไม่ให้ Parcel ปฏิบัติต่อไฟล์ site.webmanifest อย่างไร
• อธิบายวิธีการตั้งค่า Imagemin
• อธิบายวิธีกำหนดค่า Nunjucks
• ค้นหาตัวจัดรูปแบบตัวแก้ไขโค้ด Nunjucks ที่ดี
• เพิ่มส่วนขยายที่แนะนำสำหรับการพัฒนา
• เพิ่มการตั้งค่าการทดสอบด้วย Jest?