問題タブ [webpack-dev-middleware]

grunt を使用して記述された lecasy アプリケーションがあります。また、このことを使用します https://github.com/gruntjs/grunt-contrib-connectこれにより、ミドルウェアの配列を使用できるようになり、次のようにミドルウェアを追加またはシフト解除できるようになります。

現在、プロジェクトを webpack に移行し、webpack で同じ動作を実現しようとしています。

Node JS は初めてです。webpack-hot-middleware を使用して、ホット リロードを備えたバックエンド API サーバーの作成に取り組んでいます。webpack-dev-middleware を使用してサーバー スクリプト (index.js) をメモリにロードし、その javascrip t ファイルを実行しようとしています。

これが私のコードです：リンク

私のコードはホット リロードを正常に実行できることがわかりましたが、サーバー スクリプト (index.js) を読み込んで API サーバーを起動することができません。何らかの理由で、webpack dev サーバーではなく webpack-dev-middleware を使用したいと考えています。

それは私のファイル構造です：

HTML をレンダリングするフロント エンドまたはバックエンド サーバーでそれを行う方法についてのチュートリアルをたくさん見つけましたが、index.js を開始する必要があります。

それで、私の質問は、webpack-dev-middleware から生成された js ファイルをロードして、その js ファイルを開始する方法です。

以下は私が試したことです：

webpack.devserver.config.js で:

結果: index.js で何かを変更した後、コードが正常にリロードされたように見えますが、/api/hi API にアクセスすると変更が反映されません。