フロントエンドモジュラーを理解する方法

フロントエンドモジュール化され、複雑なプログラミングファイルを別のモジュール別のモジュールに等JSファイルなど、有益なリユース（再利用）とメンテナンス（バージョン反復）、これはだろうモジュール間の相互依存の問題につながりますので、持っているcommonJS仕様、AMD、CMDの仕様などを、同様のjsパッケージ（コンパイルプロセス）ツールのWebPACKの

Commonjs、AMDとCMDについてのトーク

https://blog.csdn.net/ImagineCode/article/details/81590538

https://www.processon.com/view/link/5c8409bbe4b02b2ce492286a#map

モジュールは、モジュールで簡単にあなたがモジュールをロードできるようにしたいものを何の機能、誰か他の人のコードを使用することができ、特定の機能を達成するためのファイルです。

CMD（共通モジュール定義）は、ブラウザのために主に定義された正規化された出力sea.js昇格プロセスモジュールです。それが主な機能である：遅延モジュールの依存関係が実行され、書き込みが近くに依存することができ、依存関係が時間まで再導入依存を待機する必要があり、アプリケーションはsea.js.です
仕様は、AMD（非同期モジュール定義）：正規化出力モジュール定義の推進過程でRequireJSあり、それは主にブラウザで使用されています。その特徴は以下のとおりです。フロントに依存し、定義で記述する必要に依存する必要があり、実行は事前のアプリケーションがrequire.jsある依存します
Commonjs：モジュラーサーバの起動、同期定義モジュラーは、各モジュールは、単一のスコープ、モジュール出力、modules.exports、ロードモジュールが必要（）モジュールに導入されます。nodejsはモジュラー付属しています
```
var fs = require('fs');
```
requireJSは達成AMDの仕様、AMD-中国名の非同期モジュール定義された意味を。
- 主に以下の2つの問題を解決するために使用されます。
  - 複数のファイルの依存関係がありますが、依存ファイルはブラウザに読み込まれたファイルよりも古いことに依存する必要があります
  - あなたは、ブラウザのページレンダリングが停止しますロードすると、より多くの、より長い応答時間が失われたページファイルをロード
- 構文：requireJS定義は、グローバル変数はモジュールを定義するために使用され、関数を定義します。
```
//定义模块
define(['dependency'], function(){
    var name = 'Byron';
    function printName(){
        console.log(name);
    }
    return {
        printName: printName
    };
});
//加载模块
require(['myModule'], function (my){
    my.printName();
}
```
- AMD要約仕様：ブラウザが応答を失わないように、負荷依存の関数は、非同期的にロードされている必要が（）関数は、それだけでそれを行うには、コールバック関数、正常にロードされたモジュールの前面だけを指定しました。
  あなたはJSをロードするページがレンダリングを停止しますので、我々は、JSを通過することができますのでして非同期にロードされ、必要性は、いくつかに依存することなく、非同期に依存し、その後、特定のメソッドの実装に依存している場合。

やっに使用WebPACKの

WebPACKのは、近代的なJavaScriptアプリケーションで静的パッカーモジュール（モジュールバンドラ）。WebPACKのアプリケーションを処理するときに、渡されることになる依存関係グラフ構築するために正規化された各モジュールは、これらのモジュールの全てが、1つまたはそれ以上の束の中にパッケージ化され、アプリケーション所望含むことを特徴とする請求（依存関係グラフ）。

NPM対応するモジュールをインストール入るなぜNPMモジュールのインストール・メカニズムは、自動的にインストールすることができますか？

https://github.com/Advanced-Frontend/Daily-Interview-Question/issues/22

WebPACKのホットアップデート原理は、ブラウザの前提を更新せずにページを更新するために行う方法であります

https://zhuanlan.zhihu.com/p/30669007

https://github.com/Advanced-Frontend/Daily-Interview-Question/issues/118

行うにはどのように遅すぎるWebPACKのパッケージVUE

https://muyiy.cn/question/tool/122.html

モジュラー、WebPACKの、NPM