node_modules で依存関係パッケージを手動で構成する方法についての簡単な説明

青灯夜游
リリース: 2021-10-29 19:25:22
転載
4101 人が閲覧しました

node_modules で依存関係パッケージを手動で構成するにはどうすればよいですか?次の記事では、patch-package を使用して、node_modules 内の依存パッケージを変更する方法を紹介します。

node_modules で依存関係パッケージを手動で構成する方法についての簡単な説明

まず、問題は次のように発生しました。プロジェクト内の pdfvuer サードパーティ製プラグインを使用して、正常にスタンプされた PDF を表示しました。この時、記事はちゃんと表示されるのですが、会社の署名が表示できないことが分かりました この時、やっと解決策を見つけました! !ただし、署名を表示する変更コードは依存パッケージnode_modulesのパスにあるため、node_modules配下で変更されたファイルはnpm installを実行するたびに手動で変更する必要があります。すぐに不快な気分になりました。不快な気持ちはしましたが、それでも解決する方法を見つけなければなりませんでした。

node_modules で依存関係パッケージを手動で構成する方法についての簡単な説明

最初に 2 つの解決策を考えました。

  • 他の人のコードを自分のウェアハウスにフォークし、変更した後、自分のウェアハウスからこのプラグインをインストールします。

  • 他の人のコードをローカルにダウンロードして src ディレクトリに置き、変更後に手動で導入します。また、コンポーネントを個別にパッケージ化するのは面倒で時間がかかり、プロジェクトが肥大化してしまうなど、不便な点も多くあります。

ただし、上記の方法はどれも複雑すぎて、特定のファイルの 1 ~ 2 行のコードを変更しただけですが、プロジェクト全体をコピーする必要がありすぎて膨大になってしまいました。 . 結局自分では無理かもしれない どこを修正したか忘れてしまうし更新が面倒 毎回手動でコードを更新する必要があり、プラグインと同期して更新することができない この場合、私は方向転換して、知識の探求を再び始めました。 。 。次に、patch-package を使用して、node_modules 内の依存パッケージを変更するという優れたソリューションを見つけました。 [推奨される学習: 「nodejs チュートリアル 」]

ソリューション

1. コマンドを使用してパッチパッケージ # をインストールします。 ##

`npm install patch-package --save-dev`
ログイン後にコピー

2. プロジェクト ルート ディレクトリの package.json ファイルを変更します。

在 package.json 文件中的 scripts 中加入 "postinstall": "patch-package"
ログイン後にコピー

node_modules で依存関係パッケージを手動で構成する方法についての簡単な説明

##3. node_modules の依存関係を手動で変更します。 package

node_modules で依存関係パッケージを手動で構成する方法についての簡単な説明

#4 のソース コード。手動でコマンドを実行して、npx patch-package パッケージ名パッチ ファイル

# を作成します。

`npx patch-package package-name`
ログイン後にコピー
ここで、package-name は、変更する依存パッケージの名前を指します。このコマンドを実行すると、プロジェクトのルートディレクトリにpatchesフォルダが自動的に作成され、そのフォルダ内に「パッケージ名 version.patch」という名前のパッチファイルが作成されます。図に示すように:

node_modules で依存関係パッケージを手動で構成する方法についての簡単な説明例: pdfjs-dist の下のファイルを変更したいので、実行したコマンドは次のとおりです: npx patch-package pdfjs-dist

node_modules で依存関係パッケージを手動で構成する方法についての簡単な説明

5. パッチ パッケージが有効かどうかをテストします。

プロジェクト内の node_modules ファイルを手動で削除します (node_modules フォルダーの強制削除) :rimraf node_modules)、再起動します。 npm install コマンドを実行して、node_modules 依存関係パッケージをインストールします。インストールが成功したら、以前に変更したノードモジュール依存関係パッケージ内のファイルをチェックして、変更したコードがまだ存在するかどうかを確認します。以前に変更したコードがまだ存在する場合は、パッチ ファイルが有効になっていることを意味します。以前に変更されたパッチが存在しないということは、パッチファイルが存在しないことを意味します。

プログラミング関連の知識について詳しくは、

プログラミング入門

をご覧ください。 !

以上がnode_modules で依存関係パッケージを手動で構成する方法についての簡単な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:juejin.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!