Cara Mutlak Terbaik untuk Menjalankan Beberapa Skrip npm Secara Paralel pada tahun 2022
Mengapa Anda ingin menjalankan banyak skrip? Berbagai alasan, misalnya Anda ingin menjalankan proses server backend dan proses aplikasi frontend, dan memulainya dengan satu perintah. Anda tidak bisa menulis
npm start frontend && npm start backendKarena&&membutuhkan proses pertama untuk dihentikan terlebih dahulu. (Saya pikir) Anda juga tidak ingin menulisnpm start frontend & npm start backendkarena jika satu proses berakhir karena alasan apa pun Anda ingin proses lainnya juga berakhir (lebih mudah untuk menekan Ctrl+C secara membabi buta dan menjalankan kembali perintah yang sama ketika Anda mengalami masalah).
Ada dua pemimpin dalam permainan skrip npm paralel: concurrently Dan npm-run-all:
https://npmcharts.com/compare/concurrently,npm-run-all?interval=30
Keduanya memiliki fitur yang sangat mirip tetapi kami hanya akan fokus pada concurrently karena sedikit lebih fleksibel dan didokumentasikan dengan baik (ini bukan pendapat yang kuat).
Apakah saya benar-benar perlu menjelaskannya?
npm i -D concurrentlyDengan asumsi Anda memiliki dua skrip di package.json yang ingin Anda jalankan secara bersamaan:
"scripts": {
"dev": "vite dev",
"story:dev": "histoire dev",
"start": "concurrently \"npm run dev\" \"npm run story:dev\"",
}Sekarang Anda bisa memulainya npm start!
Tapi tunggu dulu, keluaran log ini agak sulit dibaca. Bisakah kita berbuat lebih baik?
Ini adalah langkah ketiga yang indah.
"scripts": {
"start": "concurrently --names \"APP,HISTOIRE\" -c \"bgBlue.bold,bgMagenta.bold\" \"npm run dev\" \"npm run story:dev\"",
}
Sekarang Anda dapat mengetahui secara sekilas dari mana log berasal!
