WebPACKのモジュールのパッケージングツール

WebPACKのモジュールのパッケージングツール

多くのJSトランスレータのような上記のWebPACKの外観からは、実際には、この定義は正確ではない、WebPACKのは構文のみのインポートを知って、多くのシニアJSコードは知りませんでした。
WebPACKのモジュールは、実際のパッケージングツールで、ヘッダ、サイドバーの下に、コンテンツは、最終的なJSファイルを生成するために、モジュールの一つ、一緒に包装され、これらのモジュールのWebPACKツールです。
ここに画像を挿入説明
なお:私たちは、インポートを使用するか、実際に私たちは、インポートの導入の背後にあるコンテンツは、モジュールと呼ばれるように、このようなコードは、モジュールと呼ばれていたときに、コードのいくつかの種類を紹介したとき。WebPACKの行くためにこれらのモジュールを詰めます。
JSコード、ES Mouduleモジュールの仕様だけでなく、同様の書き込みに最も一般的に使用されるノードのモジュール間でCommonJSは、規範を導入しました。そこCMD、AMDこれらの仕様。これらの仕様については、WebPACKを識別することができます。
CommonJSモードに導入されたES Mouduleモジュールに組み込ま実施形態の例は:
CommonJSは、使用形態が中に導入される必要が
ここに画像を挿入説明
今デフォルトをエクスポートすることはできません、その文法的な変形が発生した導出各モジュールが、module.exportsはで
ここに画像を挿入説明
WebPACKのパッケージ化モジュールであります構文導入モジュールを識別することができるツールは、生成されたコードを実行することができます。
最初の時間のWebPACKは、それをそれだけでモジュールJSファイルをパッケージ化されていない、JSモジュールのパッケージングツールはインポートのみ、このJSファイルについて必要とし、その後のWebPACKの開発と、index.jsファイルにパッケージ化することができますですこれは、画像ファイルには、あなたがパッケージ化したい何かを詰めることができるようにPNG、などのCSSファイル、JPGなどのモジュールファイル、任意の他の形態で包装することができます。だから、WebPACKのモジュールはパッケージ化ツールです。

公式サイトのドキュメントWebPACKの学習:

ドキュメンテーション----> CONCEPTS(コンセプト)---->モジュール
ES Moudule、CommonJS、AMDなどの詳細は、モジュール化の概念
ここに画像を挿入説明
DOCUMENTATION ----> API ---->モジュールは、
メソッドのモジュールのいくつかを説明します変数は、これら二つのAPIの形で、より完全なリスト文法のモジュラー導入の全ては、構文が内側にいくつかの一般的に使用される変数を含め、エクスポートしました。
公式サイトではより深い理解のWebPACKを学ぶことができます。

公開された137元の記事 ウォン称賛30 ビュー260 000 +

おすすめ

転載: blog.csdn.net/hani_wen/article/details/92984225