ENV ที่ตั้งไว้ล่วงหน้าของ Babel คืออะไร

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

@ babel / ที่ตั้งไว้ล่วงหน้า - สิ่งแวดล้อม เป็นคนฉลาด ที่ตั้งไว้ล่วงหน้า ที่ช่วยให้คุณใช้ JavaScript ล่าสุดได้โดยไม่ต้องมีการจัดการแบบละเอียด ซึ่งสภาพแวดล้อมเป้าหมายของคุณต้องการการแปลงรูปแบบ (และทางเลือกคือ polyfills ของเบราว์เซอร์) ทั้งสองสิ่งนี้ทำให้ชีวิตของคุณง่ายขึ้นและกลุ่ม JavaScript เล็กลง! ติดตั้ง.

ดังนั้นสิ่งที่ตั้งไว้ล่วงหน้าใน Babel คืออะไร?

ใน Babel , NS ที่ตั้งไว้ล่วงหน้า เป็นชุดของปลั๊กอินที่ใช้เพื่อรองรับคุณลักษณะเฉพาะของภาษา ทั้งสอง ที่ตั้งไว้ล่วงหน้า Babel ใช้โดยค่าเริ่มต้น: es2015: เพิ่มการรองรับ JavaScript ES2015 (หรือ ES6) react: เพิ่มการรองรับ JSX

ต่อมาคำถามคือ ฉันใช้ Babel รุ่นอะไรอยู่? นอกจากนี้คุณยังสามารถตรวจสอบ เวอร์ชั่นของ babel -cli โดยการค้นหา babel -cli โฟลเดอร์ใน node_modules และดูที่ รุ่น คุณสมบัติของแพ็คเกจ json ที่ฐานของโฟลเดอร์นั้น ถ้า babel -cli ได้รับการติดตั้งทั่วโลกผ่านแฟล็ก -g ของ npm install คุณ สามารถ ตรวจสอบ รุ่น โดยดำเนินการคำสั่ง babel -- รุ่น.

ในลักษณะนี้ คุณใช้ปฏิกิริยาพรีเซ็ต Babel อย่างไร?

ถ้าคุณต้องการ ใช้ นี้ ที่ตั้งไว้ล่วงหน้าบาเบล ในโครงการที่ไม่ได้สร้างด้วย Create ปฏิกิริยา App คุณสามารถติดตั้งได้ด้วยขั้นตอนต่อไปนี้ ขั้นแรก ติดตั้ง Babel . จากนั้นติดตั้ง babel - ที่ตั้งไว้ล่วงหน้า - ตอบสนอง -แอป. นี้ ที่ตั้งไว้ล่วงหน้า ใช้ตัวเลือก useBuiltIns กับ transform-object-rest-spread และ transform- ตอบสนอง -jsx ซึ่งถือว่า Object นั้น

Babel เลิกใช้หรือไม่?

NS เลิกใช้แล้ว การใช้ babel -core/register ถูกลบใน Babel 7; ให้ใช้แพ็คเกจแบบสแตนด์อโลนแทน @ babel /ลงทะเบียน. @ babel /register จะคอมไพล์ไฟล์ในที่ทำงานปัจจุบันโดยตรงเท่านั้น (ทำเพื่อแก้ไขปัญหาเกี่ยวกับ symlinking)