2.1モジュールの開発を学ぶのWebPACK（JS＆CSSモジュラーモジュラー）

モジュラー.JS

名前空間、COMMONJS、AMD / CMD / UMD、ES6モジュール

1.名前空間とは何ですか

ライブラリ名。クラス名メソッド名

短所：フルパス名（と非常に長い）を覚えておくことは、名前空間での生活を繰り返して、

VaRのネームスペース= {} 
NameSpace.type = NameSpace.type || {} // 定義した独自であり、それは名前空間がカバーされた問題を回避するために、ヌルオブジェクトは、それに割り当てられて定義されていない 
NameSpace.type.method = 関数（） {}

2. COMMONJS（サーバー側の使用COMMONJSは、ブラウザがCOMMONJSモジュールの仕様を取ることはありません）何

• モジュール/ 1.1.1
• モジュールのファイル
• 露出モジュールインタフェースによってmodule.exportsは
• 必要とするモジュールを導入することにより、
• 同期実行

3.AMD（非同期モジュール定義）----非同期モジュール定義（ブラウザで実行）

• 定義定義モジュールを使用する方法
• ロード・モジュールを使用する必要が
• RequireJS
• リライアンスフロント、先に実行

   

 

 

 

4.CMD（共通モジュール定義）

• モジュールファイル
• 定義するのに使用されるモジュールを定義します。
• 使用して、モジュールをロードする必要が
• 海JS
• 怠惰な実行など

 

5.UMD（ユニバーサルモジュール定義）-----共通モジュール定義ユニバーサルソリューション

　　三つのステップ

• AMDをサポートするかどうかをジャッジ
• commonJSをサポートするかどうかを判断します 
• どちらのは、グローバル変数として定義されている場合

6.ESM（ECMAScriptのモジュール）（ただし、COMMONJS前に、いくつかの競合）

　　モジュールファイル

　　輸出入

   

 

WebPACKのは、3つのモジュールアプローチをサポートしています

1. AMD（Require.js）
2. ESモジュール（推奨）[主流]
3. CommonJS [主流]

 

2つのモジュラ.CSS

CSSのデザインパターン