この問題を解決するために作成したリポジトリは次のとおりです: https://github.com/DevCubeHD/WebpackStaticPage
まず、ファイル構造。慣例ではない場合に備えて、私の例を理解するために知っておくべき重要なフォルダーが 2 つあります。フォルダーはすべての/src生のコンテンツが/dist移動する場所であり、フォルダーはデフォルトで圧縮された Web サイトが移動する場所です。そこから、任意のサーバーにデプロイする準備が整います。とにかく開発にこのディレクトリが必要かどうかはわかりませんが、そうであることを願っています。
本番用と開発用に 2 つの webpack スクリプトをセットアップしようとしています。プロダクションは正常に動作します: スクリプトがトラフを実行し、ページが に配置され/distます。
開発中は、webkit hotloader を使用して、ページに変更を加えたときにすぐに変更を適用したいと考えています。それは実行され、出力は非常に良いように見えますが、ページになるとスタックし[WDS] App hot update...てコンテンツを更新しません. ページを更新しても、コンテンツは古いままです。役立つ唯一のことは、本番スクリプトを実行することです。
開発スクリプトを実行するには、yarn startまたはを使用しますnpm run start。新しい/distディレクトリの場合は、本番スクリプトyarn buildまたはnpm run build現時点で使用できます。
効率的に開発できるように、webback-dev-server を修正するのを手伝ってください。：） どうもありがとう！