npm-scriptsをnpm-run-allで用途や環境毎に書く際の小技

Web開発の際のタスク処理として、package.json内に記述して利用できるnpm-scriptsを利用しています。 またその際に、複数処理の直列化や並列化に便利なnpm-run-allを利用しています。 今回はそれを用いた用途や環境毎への記述を、明確かつ柔軟にする方法を記録します。 結果 先に結果の記述を示します。以下の通りです。 { "scripts": { "build" : "run-s build:{sass,ts}", "build:sass" : "sass input.scss output.css", "build:ts" : "tsc main.ts", "watch" : "run-s watch:{sass,ts}", "watch:sass" : "sass --watch input.scss output.css", "watch:ts" : "tsc -

[odan3240]

run-s build:{sass,ts} って書けるの知らなかった