Chạy các kịch bản NPM tuần tự

Hãy nói tôi có

"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\""
  },

Lệnh NPM nào tôi có thể chạy để cho phép tất cả các tập lệnh này khởi chạy tuần tự. Khi tôi sử dụng sửa lỗi trước / sau, chúng khởi chạy tuần tự nhưng chúng không đợi tập lệnh gốc hoàn tất trước khi thực thi. Tôi giả sử giải pháp duy nhất là: Làm cách nào để các tác vụ Gulp bắn liên tiếp khi bắn các lệnh shell trong hàm trợ giúp async.series? ? Tôi biết điều này có thể được thực hiện với Gulp nhưng tôi muốn gắn bó với NPM ngay bây giờ để khám phá khả năng của nó. Cảm ơn vì bất kì sự giúp đỡ!

Gọi các tập lệnh này thông qua chạy npm và xâu chuỗi chúng với hai ký hiệu &&:

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

Giải trình:

• Sử dụng &&(gấp đôi ký hiệu) để thực hiện tuần tự.
• Sử dụng &(ký hiệu đơn) để thực hiện song song.

Theo câu trả lời tuyệt vời của @ Mobiletainment , bạn cũng có thể sử dụng npm-run-all để làm cho lệnh ngắn hơn và dễ đọc hơn nhiều. Trong trường hợp của bạn:

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

run-slà một phím tắt npm-run-allcung cấp, chạy tất cả các tập lệnh npm đã cho theo tuần tự, do đó -s( run-slà phiên bản ngắn hơn npm-run-all -s).

Bạn chỉ có thể xâu chuỗi chúng thành một kịch bản khác. "start": "pre-build && build_logic && post_build && exit"

Bạn có thể tiền tố các tập lệnh của mình prevà postvì vậy chúng sẽ tự động thực thi:

"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\""
}

sau đó chạy npm run build

bạn co thể thử:

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

Bạn có thể sử dụng npm-run-all để kết hợp nhiều lệnh theo nhiều cách khác nhau

Ví dụ: nếu bạn có các tập lệnh sau trong package.json:

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

Bạn có thể chạy tất cả chúng tuần tự như thế này:

$ npm-run-all clean lint build

Xem câu hỏi này để biết cách chạy song song nhiều lệnh npm