บทความนี้แนะนำกระบวนการติดตั้งของ babel6.x ~ ก่อนอื่นคุณสามารถใช้ Babel เพื่อแปลงออนไลน์ https://babeljs.io/repl/
จากนั้นป้อนหัวข้อ: ติดตั้ง babel (สภาพแวดล้อมบรรทัดคำสั่งสำหรับรุ่น babel6.x)
1. การติดตั้ง Babel-Cli ก่อน (ใช้ใช้ Babel ในเทอร์มินัล)
การติดตั้ง npm -g babel -cli
2. จากนั้นติดตั้งปลั๊กอิน Babel-Preset-ES2015
NPM Install-Save Babel-Preset-ES2015
หมายเหตุ: รุ่น BABEL5 มีปลั๊กอินการแปลงที่หลากหลายตามค่าเริ่มต้น แต่ต้องดาวน์โหลดปลั๊กอินการแปลงที่เกี่ยวข้องกับ BABEL6.X ด้วยตัวคุณเองเช่น Transform-ES2015-arrow-functions, Transform-ES2015-Classes ฯลฯ หากไม่มีการติดตั้งปลั๊กอินการแปลงในบรรทัดคำสั่งจะไม่มีผล!
ในหมู่พวกเขาพารามิเตอร์ -อัพเดทไฟล์ package.json โดยอัตโนมัติและเขียนลงในการอ้างอิง
3. ป้อนบนบรรทัดคำสั่ง:
BABEL ES6.JS -PRESETS ES2015
เอาท์พุท:
"ใช้เข้มงวด"; [1, 2, 3] .map (ฟังก์ชั่น (x) {return x * x;});หมายเหตุ: พารามิเตอร์ต่อไปนี้ -นำเสนอ ES2015 หมายถึงการใช้ปลั๊กอินนี้สำหรับการรวบรวม หากคุณไม่ได้เขียน upconversion มันจะไม่มีผล
4. การกำหนดค่าปลั๊กอิน
เป็นเรื่องยากมากที่จะเขียนพารามิเตอร์นี้ทุกครั้ง คุณสามารถสร้างไฟล์กำหนดค่าใหม่ babelrc ในไดเรกทอรีปัจจุบัน
อย่างไรก็ตามในระบบ Windows ไม่ได้รับอนุญาตให้คลิกขวาเพื่อสร้างไฟล์โดยไม่มีชื่อไฟล์ คุณสามารถสร้างพวกเขาผ่านบรรทัดคำสั่ง cmd: เปิด cmd ในโฟลเดอร์ปัจจุบันและพิมพ์คำสั่ง
พิมพ์ nul> .babelrc
คุณสามารถสร้าง file.babelrc ในไดเรกทอรีปัจจุบันจากนั้นเขียนลงในไฟล์:
{"presets": ['es2015']}จากนั้นคุณสามารถใช้ babel es6.js โดยตรงบนบรรทัดคำสั่งเพื่อแปลงโดยไม่ต้องเพิ่มพารามิเตอร์ที่ระบุปลั๊กอินที่ใช้
นอกเหนือจากการสร้างไฟล์. babelrc แล้วคุณยังสามารถกำหนดค่าไว้ใน package.json และเพิ่มคุณสมบัติต่อไปนี้:
"Babel": {"ที่ตั้งไว้ล่วงหน้า": ["ES2015"]}แนบกับคำสั่ง Babel Common:
1. แปลงไฟล์ ES6.JS และส่งออกในหน้าต่างโปรแกรมบรรทัดชื่อปัจจุบัน
Babel ES6.JS
2. แปลง ES6.JS และส่งออกเป็นไฟล์ ES5.JS (ใช้ -O หรือ -ไฟล์)
BABEL ES6.JS -O ES5.JS
BABEL ES6.JS-ES5
3. การตรวจสอบแบบเรียลไทม์ ES6.JS จะถูกคอมไพล์ใหม่ทันทีที่มีการเปลี่ยนแปลงใด ๆ (ใช้ -W หรือ -ดู)
BABEL ES6.JS -W -ES5
BABEL ES6.JS-Watch-OUT-FILE ES5.JS
4. รวบรวมโฟลเดอร์ SRC ทั้งหมดและส่งออกไปยังโฟลเดอร์ LIB (ใช้ -D หรือ -OUT -DIR)
Babel src -d lib
Babel Src-Out-dir lib
5. รวบรวมโฟลเดอร์ SRC ทั้งหมดและส่งออกไปยังไฟล์
BABEL SRC-ES5
6. ป้อนคำสั่ง babel-node โดยตรงและคุณสามารถเรียกใช้รหัส ES6 ได้โดยตรงจากบรรทัดคำสั่ง
babel-node
ข้างต้นเป็นกระบวนการติดตั้งที่ถูกต้องของ ES6 BABEL ใน JavaScript แนะนำให้คุณรู้จักโดยบรรณาธิการ ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับคุณทันเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!