理解することは簡単で、NPMのWebPACK

逐語大きな柱 https://www.dazhuanlan.com/2019/08/26/5d6335d738d56/

グローバルノード・アプリケーションをインストールする方法？

npm install -g

package.json役割は何ですか？

パッケージを公開するときは、NPM必要npm initpackage.jsonドキュメント生成
パッケージを説明し、必要なパッケージが依存提供するために、package.jsonの情報を

{ 
  「名前」：「飲み込む使用」、//リリースNPMパッケージニーズは、NPMパッケージ名表現
  「1.0.0」、バージョン番号//パッケージ：「バージョン」
  、「記述」：「」、/ /このパッケージの簡単な説明については
  、「メイン」：「index.js」、 // エントリの文書
  「スクリプト」：{ 
    「テスト」：「エコー」エラー：「出口1 &&」NO指定されたテスト// 
  }、
  「キーワード」 ：[]、//キーワード
  "著者"： ""、//作者
  "ライセンス"： "ISC"、// 
  "devDependencies"：{ 
    "GULP"： "^ 3.9.1"、//は、他の依存しますパッケージのバージョン  } }

NPM -saveアプリとNPMをインストールインストール-save-devのアプリの違いは何ですか？

npm install --save app：モジュールが使用されて内部の情報を保存するには依存性が呼び出され、package.jsonを頼るようにロードします
npm install --save-dev app：とき必要がテストするために開発とテストの使用、への依存は、あなたが依存関係を呼び出すことができます

Node_modulesの検索パスは次のようにありますか？

（なし）場合（NO）場合は、ルートディレクトリを見つけるまで上向きに... =>そして> =上向きにモジュールを見つけるために、同じディレクトリの下にnodule_modules =>検索

何がそれをWebPACKの？そして利点は何よりも他の同様のツールは？

既存のモジュールとパッケージ管理ツールは、大規模なプロジェクト、特に単一ページのWebアプリケーション・プロセスには適していませんがあります。最も差し迫った理由は、リソースの様々なモジュールの大規模なコードベース、メンテナンス部門とストレージは、それらの間の依存関係を維持し、かつシームレスにブラウザがロードするための要求を生成するためにそれらを一緒に統合する方法であります静的リソース。

これらの既存のモジュラーツールはよく、次の目標を完了していません。

オンデマンドでロードされたブロックへの依存関係ツリーの分割
負荷の初期化に時間がかかりできるだけ
静的リソースのすべての種類のモジュールとみなすことができます
サードパーティのライブラリは、モジュールの容量に統合します
ロジック・パッケージをカスタマイズする機能
それは単一ページまたは複数ページのWebアプリケーションであるかどうか、大規模なプロジェクトに適して

そして利点は何よりも他の同様のツールは？

WebPACKの利点：

1.スプリットコード

組織に依存した方法、同期および非同期のWebPACK 2つのモジュールがあります。分割点として非同期依存、新しいブロックを形成します。依存関係ツリーを最適化した後、各非同期ブロックが単一の文書としてパッケージ化されています。

2.Loader

自身のWebPACKのみネイティブのJavaScript処理モジュールが、コンバータは、JavaScriptのモジュールにリソースローダタイプを変換することができます。このように、任意のリソースはWebPACKのが扱えるモジュールすることができます。

3.スマート解析

WebPACKのインテリジェントなパーサは、ほぼすべてのサードパーティのライブラリを扱うことができる持っているに関係なく、フォームモジュールのCommonJS、AMDまたは通常のJS文書です。場合でも、負荷に依存し、ダイナミックな表現の使用を許可すること（「./テンプレート/」+名+「.jade」）が必要です。

4.プラグインシステム

WebPACKの機能豊富なプラグインシステムがあります。どのような機能のほとんどは、様々なニーズを満たすために、プラグインシステム動作するだけでなく、オープンソースのプラグインのWebPACKの開発と使用に基づいています。

5.ファイル名を指定して実行の高速

WebPACKのWebPACKの信じられないほどのスピード速いインクリメンタルコンパイルすることが可能となり、業務効率を改善するために、非同期I / Oおよびマルチレベル・キャッシュを使用します。

何NPMスクリプトこと？どのように使用するには？

NPM package.json文書、スクリプトコマンドスクリプトを使用してフィールド定義内で許可されます。

"スクリプト"：{ 
    "スタート"： "ノード./bin/www"、
    "WebPACKの"： "のWebPACK --config ./src/webpack.config.js"、
    "時計"： "のonchange"のsrc / ** / *の.js " "SRC / ** / *以下である。" - NPMの実行のWebPACK" 
  }

入力
npm run webpack
または
npm run watch
あなたは、対応するスクリプトを実行することができます
が、そのようなbulid開始など、直接することができnpm start