WebStorm - NodeJSは別のフォルダをデバッグします

Question

srcフォルダにNodeJSアプリケーションのソースがあります。しかし、distフォルダでは、webpack経由でコピー元のフォルダ（コピー1：1）からアプリをコピーしました（ただし、この状況では問題ありません）。

私は質問があります。 srcフォルダにブレークポイントを作り、distフォルダからアプリケーションを起動してデバッグを正しく実行できますか？

リモートデバッグとして試しましたが、動作しません。私はポート5858を設定し、WebStormでは "connected to localcohst：5858"も見ることができます。 （ブラウザでも私はlocalhost:5858のページに入り、いくつかのコンテンツを見ることができます）。

この場合、distフォルダ内のブレークポイントが機能しません。

Answer 1

ウェブパックでsource maps generationを有効にするには、devtool: "source-map"をwebpack.config.jsに追加する必要があります。 ソースマップには、実際に実行されるdistフォルダ内のコンパイル済みコードと、ブレークポイントを持つソースコードとの関係が記述されています。