JavaScript/TypeScript プロジェクト内の未使用のパッケージをクリーンアップする方法

開発者の世界に魔法があるとしたらどうなるでしょうか?

私たちは時々、プロジェクトに没頭して次から次へとパッケージをインストールしていきますが、途中で「それは私が必要としていたパッケージではない」と気づくことがあります。そこで、別のパッケージをインストールしてみます。問題は解決しましたね?しかし、時間の経過とともに、プロジェクトには未使用のパッケージが蓄積されます。以前は package.json にアクセスして、未使用のパッケージを並べ替えていました。

インターネットで何が面白いのかを調べる冒険の途中で、JavaScript の魔法の掃除ほうき に出会うまで。 depcheck 私のプロジェクトは数秒でクリーンアップされたので、このちょっとしたトリックを誰かと共有したいと思いました。

デプチェックとは何ですか?

Depcheck は、未使用のパッケージ/依存関係および欠落している依存関係を特定することにより、JavaScript および TypeScript プロジェクトを分析するように設計された強力なコマンドライン ツールです。これにより、package.json や node_modules ジャングルを手動で調べる必要がなくなります。

Depcheck を使用すると、次のことができます。

• プロジェクト内の未使用依存関係を自動的にリストします。
• 使用されているが package.json で宣言されていない不足している依存関係を特定します。
• プロジェクトの構造とツールに合わせて分析をカスタマイズします。

なぜ Depcheck が必要ですか?

現代の開発には、多数のライブラリとフレームワークに依存する必要があります。時間の経過とともに不要な依存関係が蓄積しやすくなり、プロジェクトが次のようになります。

肥大化 — 未使用のパッケージにより、node_modules のサイズが増加し、乱雑さが増します。

遅い - パッケージが増えるほど、インストールとビルドのプロセスが遅くなります。

保守が困難 — 必須パッケージと冗長パッケージを追跡するのは膨大な作業になります。

Depcheck は、どのパッケージを安全に削除できるかを正確に特定することで、これらの問題に正面から取り組みます。

Depcheck の使用方法

Depcheck をワークフローに統合する方法を見てみましょう。

1. Depcheckをインストールする

Depcheck はグローバルにインストールすることも、プロジェクトの開発依存関係としてインストールすることもできます:

npm install -g depcheck

または

npm install --save-dev depcheck

2. デップチェックを実行する

プロジェクトのルート ディレクトリに移動し、次のコマンドを実行します。

デチェック

Depcheck はプロジェクトを分析し、2 つの主要なリストを出力します:

1. 未使用の依存関係 — インストールされていますが、コードでは使用されていません。
2. 不足している依存関係 — コード内で使用されていますが、package.json にはリストされていません。

3. 出力例

典型的な出力は次のようになります:

Unused dependencies
* moment
* lodash

Unused devDependencies
* jest
* eslint

Missing dependencies
* chalk

これにより、未使用の依存関係を自信を持って削除し、不足している依存関係を追加できます。

詳細オプション

Depcheck は、分析を強化するためにいくつかのオプションをサポートしています。

特定の依存関係を無視する

常に保持しておきたい特定のパッケージがある場合は、オプションを追加してそれらを無視できます:

depcheck --ignores=chalk,jest

カスタムパーサーと検出器

プロジェクトで型破りなモジュール パターンを使用している場合は、カスタム パーサーまたは検出器を指定して、Depcheck がコードを正確に分析できるようにすることができます。

CI/CDとの統合

依存関係管理を自動化するには、Depcheck を CI/CD パイプラインに統合して、開発全体を通じてプロジェクトが無駄のない状態を維持できるようにします。

• 自信を持って掃除する

Depcheck が未使用の依存関係を特定したら、次のコマンドで依存関係を削除できます。

npm アンインストール パッケージ名

不足している依存関係については、プロジェクトに追加できます:

npm install missing-package

これにより、重みで速度が低下することなく、プロジェクトの package.json が最適化された状態に保たれます。

結論

Depcheck を使用することで、プロジェクトを整理整頓し、ワークフローを簡単に合理化することができました。これは、必要だとは思っていませんでしたが、一度試してみると、これなしで作業することは考えられないツールです。

依存関係を手動で選別したり、肥大化したノードモジュールを処理したりすることにうんざりしている場合は、Depcheck を試してみてください。クリーンでよく構成されたプロジェクトがどれほど満足感を感じるかに驚くでしょう。

Depcheck を試したことがありますか、またはプロジェクトをスリムに保つための他のトリックはありますか?以下でご意見をお聞かせください。ぜひお聞かせください。ハッピーコーディング。

以上がJavaScript/TypeScript プロジェクト内の未使用のパッケージをクリーンアップする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。