human
次のタイプのファイルを使用できるようにするために、Webpack上の必要な構成は何ですか。
-CSS
-HTML
-PNG
 - フォント
 - 
gpt
Webpackで言及されているファイルの種類を使用するには、次のロードモジュールを構成に追加する必要があります。

-CSS：CSSロードモジュールを「CSSローダー」として使用して、CSSファイルを処理します。

-HTML：HTMLロードモジュールを「HTML-Roader」として使用して、HTMLファイルを処理します。

-PNG：「ファイルローダー」などの画像ロードモジュールを使用して、画像ファイルを処理します。

-Fonts：「URL-Roader」などのソースのロードモジュールを使用して、ソースファイルを処理します。
human
そして、SVGファイルの種類は？
gpt
Webpack上のSVGファイルを使用するには、SVGインラインローダーローダーを使用できます。構成に追加する方法の例は次のとおりです。

「JavaScript
const path = require（ 'path'）;
const htmlwebpackplagin = require（ 'html-webpack-plugin'）;
const minicssextplugin = require（ 'mini-css-extract-plugin'）;

module.exports = {
  エントリ： './src/index.js'、
  出力：{
    パス：Path.Resolve（__ Tell Me、 'Dist'）、
    Fillename： '[name] .bundle.js'
  }、
  モジュール：{
    ルール：[
      {
        テスト：/\.csss$/、
        使用： [
          {
            ローダー：mincssextractplugin.loader、
            オプション：{
              publicPath： './'
            }
          }、
          「CSS-Roader」
        ]
      }、
      {
        テスト：/\ .(html）$/、
        使用： {
          ローダー：「HTML-Roader」
        }
      }、
      {
        テスト：/\ .(png|jpg|jpegoff）$ /、
        使用： [
          {
            ローダー：「ファイルローダー」、
            オプション：{
              名前： '[name]。[ext]'、
              outputpath： 'images/'
            }
          }
        ]
      }、
      {
        テスト：/\ .(woff(2）？| ttf fleetot）（ana
        使用： [
          {
            ローダー：「ファイルローダー」、
            オプション：{
              名前： '[name]。[ext]'、
              outputpath： 'fonts/'
            }
          }
        ]
      }、
      {
        テスト：/\.svg$/、
        使用： [
          {
            ローダー：「svg-inline-loader」
          }
        ]
      }
    ]
  }、
  プラグイン：[
    new htmlwebpackplugin（{{
      テンプレート： './src/index.html'、
      Fillename： 'index.html'
    }）、
    新しいminicssextplugin（{{{
      Fillename： '[name] .css'
    }）
  ]
};
``
注：この例では、既にSVGインラインローダーローダーをインストールしていることを前提としています。