การเรียกใช้สคริปต์ NPM ตามลำดับ

สมมติว่าฉันมี

"scripts": {
    "pre-build": "echo \"Welcome\" && exit 1",
    "build_logic": "start cmd.exe @cmd /k \"yo esri-appbuilder-js:widget && exit 1\"",
    "post_build":  "start C:\\WebAppBuilderForArcGIS\\startupShortcut",
    "exit" : "start cmd.exe @cmd /k \"echo \"goodbye\" && exit 1\""
  },

ฉันสามารถเรียกใช้คำสั่ง NPM ใดเพื่อให้สคริปต์ทั้งหมดเหล่านี้เปิดตามลำดับ เมื่อฉันใช้การแก้ไขล่วงหน้า / โพสต์พวกเขาจะเปิดตัวตามลำดับ แต่พวกเขาไม่รอให้สคริปต์หลักดำเนินการให้เสร็จก่อนที่จะดำเนินการ ฉันสมมติว่าวิธีแก้ปัญหาเดียวคือ: ฉันจะได้รับงาน Gulp เพื่อดำเนินการตามลำดับเมื่อยิงคำสั่งเชลล์ในฟังก์ชันผู้ช่วย async.series ได้อย่างไร ? ฉันรู้ว่าสิ่งนี้สามารถทำได้ด้วย Gulp แต่ตอนนี้ฉันอยากจะติดกับ NPM เพื่อสำรวจความสามารถของมัน ขอบคุณสำหรับความช่วยเหลือใด ๆ !

เรียกใช้สคริปต์เหล่านี้ผ่านการเรียกใช้ npm และโยงกับเครื่องหมายและคู่&&:

npm run pre-build && npm run build_logic && npm run post_build && npm run exit

คำอธิบาย:

• ใช้&&(เครื่องหมายแอมเปอร์แซนด์คู่) สำหรับการประมวลผลตามลำดับ
• ใช้&(เครื่องหมายแอมเปอร์แซนด์เดียว) สำหรับการประมวลผลแบบขนาน

การปฏิบัติตามคำตอบที่ยอดเยี่ยมของ @ Mobiletainment คุณสามารถใช้npm-run-allเพื่อทำให้คำสั่งสั้นลงและอ่านได้มากขึ้น ในกรณีของคุณ:

"scripts": {
    ...
    "build": "run-s pre-build build_logic post_build exit"
}

run-sเป็นทางลัดที่npm-run-allให้ซึ่งรันสคริปต์ npm ที่กำหนดทั้งหมดตามลำดับดังนั้น the -s( run-sเป็นเวอร์ชันที่สั้นกว่าnpm-run-all -s)

คุณสามารถเอามันไปไว้ในสคริปต์อื่นได้ "start": "pre-build && build_logic && post_build && exit"

คุณสามารถนำหน้าสคริปต์ของคุณpreและpostเพื่อให้สคริปต์ทำงานโดยอัตโนมัติ:

"scripts": {
  "prebuild": "echo \"Welcome\" && exit 1",
  "build": "start cmd.exe @cmd /k \"yo esri-appbuilder-js:widget && exit 1\"",
  "postbuild":  "start C:\\WebAppBuilderForArcGIS\\startupShortcut",
  "exit" : "start cmd.exe @cmd /k \"echo \"goodbye\" && exit 1\""
}

จากนั้นเรียกใช้ npm run build

คุณสามารถลอง:

"scripts": {
  "clean-dist": "rm -f ./dist/*.js && rm -f ./dist/*.map",
  "build": "npm run clean-dist && parcel build ./packages/index.html"
},

คุณสามารถใช้npm-run-allเพื่อรวมหลายคำสั่งเข้าด้วยกันในหลากหลายวิธี

ตัวอย่างเช่นหากคุณมีสคริปต์ต่อไปนี้ในpackage.json:

"scripts": {
    "clean": "rimraf dist",
    "lint":  "eslint src",
    "build": "babel src -o lib"
}

คุณสามารถเรียกใช้ทั้งหมดตามลำดับดังนี้:

$ npm-run-all clean lint build

ดูคำถามนี้สำหรับวิธีรันหลายคำสั่ง npm ในแบบคู่ขนาน