ホームページ  >  記事  >  Webpack のパッケージ化原理は何ですか?

Webpack のパッケージ化原理は何ですか?

coldplay.xixi
coldplay.xixiオリジナル
2021-03-26 11:45:4617498ブラウズ

Webpack のパッケージ化の原則は、ファイル間の依存関係を静的に分析し、指定されたルールに従ってこれらのモジュールから静的リソースを生成することです。Webpack がプログラムを処理するとき、依存関係グラフが再帰的に構築され、これらのモジュールがすべて結合されます。 1 つ以上のバンドルにパッケージ化されています。

Webpack のパッケージ化原理は何ですか?

#このチュートリアルの動作環境: Windows 7 システム、DELL G3 コンピューター。

Webpack のパッケージ化原則 は、ファイル間の依存関係を静的に分析し、指定されたルールに従ってこれらのモジュールから静的リソースを生成することです。Webpack がプログラムを処理するとき、再帰的にビルドされます。アプリケーションが必要とするすべてのモジュールを含むグラフを作成し、それらのモジュールすべてを 1 つ以上のバンドルにパッケージ化します。

Webpack には、モジュールの依存関係を整理するための 2 つの方法 (同期と非同期) があります。非同期依存関係は、新しいブロックを形成するための分割ポイントとして使用され、依存関係ツリーを最適化した後、各非同期ブロックはファイルとしてパッケージ化されます。

Webpack には、ほぼすべてのサードパーティ ライブラリを処理できるスマート パーサーがあります。モジュール形式が CommonJS、AMD、または通常の JS ファイルであるかどうかに関係なく、依存関係をロードする場合でも、動的テーブル require(",/templates/" name ", jade") が許可されます。

拡張機能情報

Webpack を使用して構築された一般的なアプリケーションまたはサイトには、主に 3 種類のコードがあります:

1. チームによって作成されました。ソースコード。

2. ソース コードが依存するサードパーティ ライブラリまたは「ベンダー」コード。

3. Webpack のランタイムとマニフェストは、すべてのモジュールの相互作用を管理します。

ランタイムには、モジュールの対話中にモジュールを接続するために必要なロードおよび解析ロジック (ブラウザでロードされたモジュールの接続を含む)、および遅延ロードされたモジュールの実行ロジックが含まれます。

#関連する無料学習の推奨事項:

php プログラミング(ビデオ)

以上がWebpack のパッケージ化原理は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。