reactjs - React で Webpackを使用するには?

Question

divの配列を作成する必要があります（画像が含まれています）。

これまでの私のコード:

let slides = sliderData.map(() => {
  let advantagesList = advantages.map((adv) => {
    return(
      <li key={adv.id}>
        {adv.name}
      </li>
    );
  });

  return (
    <div key={id}>
      <span>{name}</span>
      <ul>
        {advantagesList}
      </ul>
      <img data-src src="./img/1.jpg" alt={alt} />
    </div>
  );
});

私の画像はコンポーネントと同じフォルダーにあります。正しい src を挿入して webpack を正しく動作させるにはどうすればよいですか? （画像へのパスはサーバーから取得され、スライドはマップによって形成されるため、「インポート」なし）

webpack.config.js で「html-loader」を使用する必要があるかもしれませんが、方法がわかりません。試してみましたが、機能しません。

これが私のwebpack.config.jsです：

// Loading HTML
{
  test: /\.html$/,
  loader: "html-loader",
  options: {
    sources: {
      list: [
        {
          tag: 'img',
          attribute: "data-src",
          type: "src"
        }
      ]
    }
  }
}