ปฏิกิริยาใช้ Webpack หรือไม่

2024 ผู้เขียน: Lynn Donovan | [email protected]. แก้ไขล่าสุด: 2023-12-15 23:54

ปฏิกิริยา ไม่ได้ "ต้องการ" บาเบลหรือ เว็บแพ็ค แต่ห้องสมุดสร้างขึ้นบนแนวคิดของ โดยใช้ ไวยากรณ์จาวาสคริปต์ ES6 และ JSX (โดยพื้นฐานแล้ว HTML ใน JS) เว็บแพ็ค แยกออกจาก ปฏิกิริยา แต่นิยมใช้ใน ปฏิกิริยา โครงการด้วยเหตุผลที่ MattYao กล่าวถึง

ในทำนองเดียวกันแอปสร้าง react ใช้ Webpack หรือไม่

การใช้ Create React App สร้าง React App ใช้ เว็บแพ็ค และ Babel ภายใต้ประทุน แต่มันสร้างเฉพาะไฟล์ที่คุณต้องใช้ในการทำงานของคุณ ปฏิกิริยา โครงการ. ถ้าคุณได้สร้าง ปฏิกิริยา ก่อนหน้านี้คุณจะไม่สามารถเข้าถึงไฟล์การกำหนดค่าสำหรับ เว็บแพ็ค , Babel, ESLint ฯลฯ ด้วยวิธีนี้ คุณจึงมุ่งเน้นที่การสร้าง แอป.

ฉันจะรัน Webpack react ได้อย่างไร ขั้นตอนที่ 2: ตั้งค่า Babel และ Webpack

1. เปิดพรอมต์คำสั่ง และนำทาง (cd) ไปยังไดเร็กทอรี es6-tutorial-react
2. พิมพ์คำสั่งต่อไปนี้เพื่อสร้างไฟล์ package.json: npm init
3. พิมพ์คำสั่งต่อไปนี้เพื่อติดตั้งโมดูล react และ react-dom: npm install react react-dom --save-dev

ข้างบนนี้ ทำไมเราถึงใช้ Webpack ในการตอบสนอง?

มันสามารถจัดการไม่เพียงแต่การรวมและย่อของไฟล์ JavaScript และ CSS แต่ยังรวมถึงทรัพย์สินอื่น ๆ เช่นไฟล์รูปภาพ (spriting) ผ่าน ใช้ ของปลั๊กอิน เว็บแพ็ค เป็นไปได้ ใช้แล้ว เป็นทางเลือกแทน Cassette หรือ ASP. NET Combination และ Minification

ฉันจะเพิ่ม Webpack ใน ReactJS ได้อย่างไร

การติดตั้ง ReactJS โดยใช้ webpack และ babel

1. ขั้นตอนที่ 1 - สร้างโฟลเดอร์รูท
2. ขั้นตอนที่ 2 - ติดตั้ง React และ react dom
3. ขั้นตอนที่ 3 - ติดตั้ง webpack
4. ขั้นตอนที่ 4 - ติดตั้ง Babel
5. ขั้นตอนที่ 5 - สร้างไฟล์
6. ขั้นตอนที่ 6 - ตั้งค่าคอมไพเลอร์ เซิร์ฟเวอร์ และตัวโหลด
7. ขั้นตอนที่ 7 - ดัชนี
8. ขั้นตอนที่ 8 - แอป