1、HTML-WebPACKの-プラグイン
あなたのWebPACKのバンドルサービスを提供するためのHTMLファイルを簡単に作成できます。
ホームアドレス：
インストール：
NPM I --save-devのHTML-WebPACKの-プラグイン
図2に示すように、抽出物テキストのWebPACK、プラグイン
別のファイルにバンドルからテキストを抽出します。
ホームアドレス：
インストール：
NPM --save-devの抽出 - テキストのWebPACK-プラグインをインストール
3、スタイルローダー
CSSは、<スタイル>タグを注入することにより、DOMに追加します。
ホームアドレス：
インストール：
NPMスタイル・ローダー--save-devのインストール
図4に示すように、CSS-ローダ
CSS-ローダーは、インポートなどの@importとURLを（）/ require（）を解釈し、それらを解決します。
ホームアドレス：
インストール：
NPM --save-devのCSSのローダーをインストール
5、SASS-ローダー
サス/ SCSSファイルをロードし、CSSにそれをコンパイルします。
ホームアドレス：
インストール：
NPM SASS-ローダーノード-SASS --save-devのインストール
6、URLローダー
ホームアドレス：
インストール：
NPMのurl-ローダー--save-devのインストール
7、ファイルローダー
ホームアドレス：
インストール：
NPMファイルローダ--save-devのインストール
8、HTMLローダー
ホームアドレス：
インストール：
NPM I -D HTMLローダー
図9に示すように、画像WebPACKのローダ
WebPACKのための画像ローダモジュール。画像ファイルを圧縮するために使用することができます。
ホームアドレス：
インストール：
NPM画像WebPACKのローダをインストール--save-devの
10、バベルローダー
ホームアドレス：
インストール：
WebPACKの4.xの| バベル・ローダー8.xで| バベル7.xの
NPMのWebPACK -Dバベル・ローダーの@バベル/コアの@バベル/プリセット-ENVをインストール
WebPACKの4.xの| バベル・ローダーの7.x | バベル6.xの
NPM 7バベルコアバベルプリセット-ENVのWebPACK @ -Dバベルローダーをインストール
11、WebPACKの-devのサーバー
WebPACKのアプリをお楽しみいただけます。変更のブラウザを更新します。
ホームアドレス：
インストール：
NPMのWebPACK-devのサーバー--save-devのインストール
12、衝撃ローダ
VUE-ローダーを使用すると、単一ファイルのコンポーネント（のSFC）と呼ばれる形式でVueのコンポーネントをオーサリングすることができますWebPACKのためのローダーです。
ホームアドレス：
インストール：
NPM VUE-ローダー--save-devのインストール
13、@バベル/プリセット反応
すべてのためのバベルのプリセットは、プラグインを反応します。
ホームアドレス：
インストール：
-devの--save @バベル/プリセット反応するNPMインストール
14、クリーンWebPACKの-プラグイン
ビルドする前にビルドフォルダを削除するにはプラグインのWebPACK。
ホームアドレス：
インストール：
NPM私はきれい-WebPACKの-プラグイン--save-devの
15、生ローダー
StringとしてファイルをインポートすることができますWebPACKのためのローダ。
ホームアドレス：
インストール：
NPMインストール生・ローダー--save-devの
16、パグ-HTML-ローダー
WebPACKのためのパグHTMLローダー。
ホームアドレス：
インストール：
NPMパグ-HTML-ローダーをインストール
そして、それは生ローダーパグに依存します