バンドラーとしての小包の利点

小包のメリット

• 開発ツール
• HMR - ホットモジュールの交換 --->>方法 - コードを追跡する C++ で作成されたファイル監視アルゴリズムを使用し、すぐに ファイルを保存しようとすると、新しいコードでサーバーが更新されます
• ローカルサーバー http://localhost:1234
• キャッシュメモリ管理。 --->速くなります
• 画像の最適化
• ファイルを圧縮します
• バンドル
• コンテンツのハッシュ
• 差分バンドル babel
• SSL https 上でも実行可能

• 木が揺れる --->使用されていない余分なコードまたは関数を削除します

  content hasing : - Parcel でのコンテンツ ハッシュには、コンテンツに基づいてファイルごとに一意の SHA-256 ハッシュを生成することが含まれます。アプリケーションをデプロイする前に、Parcel はこれらのハッシュをキャッシュ ディレクトリ ( .parcel-cache) に保存されているハッシュと比較します。ファイルのハッシュがキャッシュされたバージョンと一致する場合、Parcel はキャッシュされたファイルを使用して、不必要な再構築を回避し、展開速度を最適化します。ファイルのコンテンツが変更されると、そのハッシュが更新され、Parcel は変更されたファイルのみを再構築し、サーバー上で更新するように求められます。このアプローチでは、変更されていないファイルを再利用することでビルドのパフォーマンスが向上するだけでなく、ブラウザーがファイル ハッシュに基づく一意のファイル名を通じて更新されたコンテンツを確実に受信できるようになり、展開中のキャッシュの問題が防止されます。

  hmr の詳細 - したがって、基本的にファイルが変更されたとき、つまりそのハッシュが古いバージョンのハッシュと異なっているとき、変更されたファイルはブラウザ内でのみ更新され、ハッシュが古いハッシュと同じである他のすべてのファイルは更新されます。 .parcel-cache ファイルを使用することで時間を短縮し、アプリケーション全体を最初から再構築する必要がなくなり、プログラマがファイルを保存し、ブラウザがそのアプリケーション (ライブ) を実行するたびに、このすべてがトリガーされます

  差分バンドル: babel はパーセルでのバンドルに使用されるため、いくつかのタスクを実行します

  • babel は、es6+ js コードを、古いブラウザでアプリケーションを実行するために必要な es5 コードに変換します
  • ブラウザの v8 エンジンが jsx コードを理解できないことは周知のとおり、react の jsx コードを js コード (jsx から js オブジェクト (ast)) に変換します
  • TS は静的型を js に追加する js のスーパーセットであるため、JavaScript の typescript も変換します

以上がバンドラーとしての小包の利点の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。