だから、あなたはクールな新しいウェブアプリを構築しようとしています。すごい！新しいpackage.jsonを使用して作成し、npm init必要になるいくつかのパッケージをプルしました。プロジェクトを正しいECMAScript仕様に自動的にコンパイルするためにセットアップされたツールがたくさんあるので、それをさらに凝ったものにしたいのです。その上で、TypeScriptを使用したいので、デバッグの前に多くの間違いを見つけます。ああ、そして私たちがそれに取り組んでいる間、ユニットテストを実行するためにテストランナーを使用してみませんか？

多分あなたpackage.jsonはこのように見える：

ここまでは順調ですね。今、私は実行する必要がありnpm run watch:compile-tests、npm run watch:testsそしてnpm run serve3つの別々の端子たびに私は私のプロジェクトで作業を開始します。少なくとも私は次のようにタブか何かを使用することができ、同時に。ああ、待ってnpm run prepareいるため、Windows上では動作しません&&Bashの構文です。Windowsを好む人が私たちのチームに参加したり、貢献したい場合はどうなりますか？ため息…たぶん、このセットアップは結局それほど素晴らしいものではありません。たぶん、GruntまたはGulpの使用に戻る必要がありますが、これらのプラグインをすべていじる気にはなれません。npm-run-scriptだけに固執するのに役立つツールはありますか？

確認してみましょう！

ベークを入力してください

Bakeは、npmスクリプトをステロイドに配置することを目的としています。それはいくつかの本当に素晴らしい機能を持っています：

• Windowsでも動作する組み込みのBashシェル。
• 依存関係を定義し、どのタスクを並行して実行するかを指定するための優れた構文。
• で定義されpackage.jsonたスクリプトとの完全な統合。Bake用に特別に構成されていないプロジェクトでも機能します！

かっこいいと思いますが、実際にどのように使用していますか？

シンプルさが鍵

コマンドラインツールは、npmまたはyarnを使用してインストールできます。非常に小さいので、ダウンロードにそれほど時間はかからないはずです。

npm install -g @samvv/bake

したがって、bakeコマンドはnpmスクリプトを並行して実行します。新しいスクリプト内でそのコマンドを使用してみませんか？scriptsこれが新しいエントリで変更されたものです：

新しいlint-while-testingルールに注意してください。@samvv/bakeスクリプト内で使用できるように、ローカル依存関係としてインストールしました。これで、あらゆる種類のものを並行して実行でき、Bashスタイル&&を使用して、||何かを順番に実行する必要があるときはいつでも使用できます。本当の魔法は、これらのシェルスクリプトの1つでBakeを呼び出しても、新しいプロセスが生成されないことです。これは、雑然とした出力、特別なJSON構成ファイル、およびもう少し空きメモリがないことを意味します。

まだいくつかの荒いエッジがあります。内部で最も一般的に使用されるBashイディオムのみpackage.jsonが実装されています。このツールには多くのオプションもありません。たとえば、タスクの出力プレフィックスをカスタマイズすることはできません。一部の開発者が何かをカスタマイズする必要がある場合、私は確かにそれを見ていきます！

次のステップ

内部的には、BakeはJavaScriptで記述されたBashインタープリターであり、いくつかのカスタムビルトインが含まれています。次のフェーズでは、インタープリターを別のライブラリに移動して、他のプロジェクトで使用できるようにする可能性があります。ウェブサイトをナビゲートするためのシェル、誰か？今のところ、このツールが機能して生産性が向上することを非常に嬉しく思います。

今すぐBakeをnpmからダウンロードできます。私が言ったように、プロジェクトにはまだいくつかの荒削りな部分があるので、バグに遭遇した場合は、課題追跡システムに投稿してください。そうすれば、最終的にnpmスクリプトを本来の方法で使用できるようになります。

またね！