ฉันใช้คำสั่ง babel cli
babel src --out-dir lib
ในการคัดลอกสคริปต์ es6 จาก src ไปยัง lib อย่างไรก็ตามจะไม่คัดลอกไฟล์ css / scss ที่ฉันมีในโฟลเดอร์ src / มีวิธีทำให้คัดลอกด้วยหรือไม่?
ฉันใช้คำสั่ง babel cli
babel src --out-dir lib
ในการคัดลอกสคริปต์ es6 จาก src ไปยัง lib อย่างไรก็ตามจะไม่คัดลอกไฟล์ css / scss ที่ฉันมีในโฟลเดอร์ src / มีวิธีทำให้คัดลอกด้วยหรือไม่?
คำตอบ:
Babel มีตัวเลือกคัดลอกไฟล์สำหรับสิ่งนี้:
babel src --out-dir lib --copy-files
หมายเหตุ: เป็นเรื่องจริงที่วัตถุประสงค์หลักของ babels คือการประมวลผลไฟล์จาวาสคริปต์ แต่ชุดเครื่องมือขนาดใหญ่ของ Babel ในปัจจุบันมักทำให้ไม่จำเป็นที่จะต้องใช้การตั้งค่าสคริปต์การสร้างที่ซับซ้อนมากขึ้นในลักษณะgulp
เดียวกัน การตั้งค่าอึกน้อยสามารถเพิ่มสิ่งนี้ในpackages.json
:
{
...
"devDependencies": {
"babel": "*",
"babel-cli": "^6.4.0",
"babel-preset-es2015": "^6.3.13"
},
"scripts": {
"watch": "babel --watch src --out-dir lib --source-maps inline --copy-files",
"build": "babel src --out-dir lib --source-maps inline --copy-files"
},
"babel": {
"presets": [
"es2015"
]
}
}
ฉันพบวิธีที่ทำได้โดยใช้โมดูล ncp
npm install ncp
โดยทั่วไปโมดูลนี้จะเหมือนกับ cp ยกเว้นจะใช้งานได้
นี่ไม่ใช่โมดูลส่วนกลางดังนั้นในการเรียกใช้สิ่งนี้เราจึงใช้
node -e \"require('ncp').ncp('./src', './lib')\" && babel src --out-dir lib
js
ไฟล์ ใช้cp
สำหรับถ่ายเอกสาร ยังดีกว่าสร้าง gulpfile