webpackのpathとpblicPathとdev-serverのpublicPathは分かりますか?一緒に見てみましょう.

output.path

string outputディレクトリは、絶対パスに対応しています.

module.exports = {
  //...
  output: {
    path: path.resolve(__dirname, 'dist/assets')
  }
};

作用:物理ハードディスクに出力される

output.publicPath

string: '' functionOutput.publicPathは、必要に応じてロードまたは外部リソース(external resource)(画像、ファイルなど)をロードするために重要なオプションです.エラーの値が指定された場合、これらのリソースをロードする際に404エラーが発生します.
このオプションは、ブラウザで参照する「この出力ディレクトリに対応する公開URL」を指定します.相対URL(relative URL)はHTMLページ(またはタグ)に対して解析されます.サービスのURL(Server-relative URL)に対しては、プロトコルのURLまたは絶対URL(absolute URL)に対しても使用可能であり、または、例えば、リソースをCDNにホストするときに使用しなければならない場合がある.大きい白話:静的資源(js,css,img)を誘導するために用いられ、例えばページにbackground-mage:url('/static/people.png’)を導入した.ここの経路はpublicPathに対して調整されます.これらの静的リソースは将来どこに配置されるかを指し、有線で静的リソースの保存経路が決定される.

devServer.publicPath

string '/'このパスのパッケージファイルはブラウザでアクセスできます.サーバがhttp://localhost:8080で動作し、output.filenameがbundle.jsに設定されていると仮定する.デフォルトdevServer.publicPathは'/'ですので、あなたのカバンはhttp://localhost:8080/bundle.jsを通じてアクセスできます.devServer.publicPathを修正し、指定されたディレクトリの下にbundleを置く:webpack.co.fig.js

module.exports = {
  //...
  devServer: {
    publicPath: '/assets/'
  }
};

今はhttp://localhost:8080/assets/bundle.jsを通じてWindowsにアクセスできます.一言で言えば、訪問はどこですか?
もっと詳しいのは文書を見ることができます.前に見た金儲けの記事もいいです.