Exécution séquentielle des scripts de NPM

Question

Disons que j'ai

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

Quelle commande NPM puis-je lancer pour que tous ces scripts se lancent séquentiellement. Lorsque j'utilise la pré/post fixation, ils se lancent séquentiellement mais ils n'attendent pas que le scripts parent se termine avant de s'exécuter. Je suppose que la seule solution est comme : Comment faire en sorte que les tâches Gulp se déclenchent de manière séquentielle lors de l'envoi de commandes shell dans une fonction d'aide async.series ? ? Je sais que cela peut être fait avec Gulp mais je voudrais rester avec NPM pour l'instant pour explorer ses capacités. Merci pour toute aide !

Answer 1

Invoquez ces scripts via npm run et enchaînez-les avec une double esperluette && :

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

Explication :

• Utilisez && (double esperluette) pour une exécution séquentielle.
• Utilisez & (esperluette simple) pour une exécution parallèle.

Answer 2

Suivre le grand @Mobiletainment réponse vous pouvez également utiliser npm-run-all pour rendre la commande beaucoup plus courte et beaucoup plus lisible. Dans votre cas :

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

run-s est un raccourci npm-run-all fournit, qui exécute tous les npm-scripts donnés de manière séquentielle, d'où l'utilisation de l'option -s ( run-s est une version abrégée de npm-run-all -s ).

Answer 3

Vous pouvez préfixer vos scripts pre y post afin qu'ils s'exécutent automatiquement :

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

puis exécutez npm run build

Answer 4

Vous pourriez simplement les enchaîner dans un autre script. "start": "pre-build && build_logic && post_build && exit"

Answer 5

Vous pouvez utiliser npm-run-all de combiner plusieurs commandes de différentes façons

Par exemple, si vous aviez les scripts suivants dans vos package.json :

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

Vous pourriez les exécuter séquentiellement comme ceci :

$ npm-run-all clean lint build

Voir cette question pour comment exécuter plusieurs commandes npm en parallèle