Googleのwireitでnpm runを超高速に実行する方法🚀

Summary

この動画では、NPMスクリプトの実行速度を上げるためのライブラリー「ワイアー」について解説しています。ワイアーを使うことで、NPMスクリプトのキャッシュ機能が利用でき、2回目以降の実行が高速になります。実際にサンプルプロジェクトで試してみると、ビルド時間が4秒から0.1秒と劇的に短縮されたことが紹介されています。ワイアーは簡単に設定できるため、NPMスクリプトの実行効率化に役立つライブラリーだと解説しています。

Takeaways

• 😃 ワイヤライブラリーを使うとNPMスクリプトの実行を高速化できる
• 👍 パッケージJSONのビルドコマンドをワイヤ設定に変更することで高速化できる
• 🔨 ワイヤの設定方法は簡単で、hpm i -D wireitでインストール後設定ファイルを作成
• ✨ ワイヤはキャッシュ機能があるため、2回目以降のビルド時間が劇的に短縮される
• 📈 実例で4秒かかっていたビルドが0.1秒で完了するなど、実行速度が格段に向上
• 💡 ワイヤ設定では並列処理数を変更でき、デフォルトは1CPUコアにつき2つのスクリプトまで実行
• 📝 ソースファイルやビルド結果をファイル設定しておくことで、変更検知とキャッシュが効果的
• 🔎 ワイヤのキャッシュ機能により、変更のない部分のビルドがスキップされる
• ⏳ 複数のNPMスクリプトを実行する際、全体の所要時間を大幅に短縮できる
• 👍👍 NPMLANやビルドコマンドの実行速度改善にワイヤライブラリーが有効

Q & A

このビデオで紹介されているGoogleのライブラリーの名前は何ですか？

ワイアット

ワイアットの主な機能は何ですか？

NPMスクリプトをより高速に流せるようにすること

ワイアットを導入することでどのコマンドが劇的に早くなりますか？

NPMLANコマンド

ワイアットを使用するためのインストールコマンドは何ですか？

NPMのhphDのWi

ワイアットを導入した後のパッケージ.JSONの変更点は何ですか？

ビルド時にTSCを流す設定からワイアと設定することへの変更

ワイアット導入後のビルドコマンドはどう変わりますか？

元々あったコマンドをワイアITのビルドコマンドに設定する

ワイアットを使うことの利点は何ですか？

実行結果をキャッシュしてくれるようになり、再ビルド時の速度を上げることができる

ワイアットで高速化したいスクリプトの設定方法は？

スクリプトにワイアと設定し、Yと書き換える

ワイアット導入によるビルド時間の変化はどのように確認できますか？

3JSのプロジェクトでビルドコマンドを流す前後で時間を比較する

ワイアット導入後にビルドが速くならなかった場合の対処法は？

ファイルズを設定し、ソースファイルとアウトプットディレクトリーを指定する