WebPACKのリソースの読み込み一般的な構成

必要パス=定数（ 'パス' ）; 

module.exportsはは = { 
  エントリ：」./src/index.js' 、
  出力：{ 
    ファイル名： 'bundle.js' 、
    パス：path.resolve（__ DIRNAME、 'DIST' ）
  }、
  Module1を：{ 

      ルール：[ 
              @    CSSの読み込み
    // パッケージのダウンロードコマンド：インストール--save NPM-DEV-ローダーCSSスタイルローダー
          { 
          テスト： /\.css$/ 、
          使用：[
               'スタイル・ローダー' 、
               'CSS-ローダー' 、
          ] 
      }、
          //    ロード画像やフォントをロード
    //パッケージのダウンロードコマンド：--save NPM-DEV-Loaderのファイルをインストール
      { 
          テスト： /\.(png|jpg|gif)$/ 、
          使用：[
               'ファイル・ローダー' 
          ] 
      }、
      { 
          テスト： / \（WOFF |を。 woff2 | EOT | TTF | OTF）$ / 、
          使用：[
               'ファイル・ローダー' 
          ] 
      }、
    //    （JSONを内蔵され、対応するパケットをダウンロードする必要はありません）をロード
    // パケットコマンドを：NPM --save-インストールローダーXML CSV-DEVローダ
      { 
        テスト： /\.xml$/ 、
        使用：[
             'XML-ローダ' 
        ] 
    }、
    { 
        テスト： /\.(csv|tsv)$/、
        使用：[
             'CSV-ローダ' 
        ] 
    } 
    ] 
  } 
}。