Breakpoint stops in the transpiled js file instead of the source file

I use a project that uses webpack to transpile js files. In new debug, when I put breakpoint in a source file, debug stops at the transpiled file instead of the source file.

Steps to reproduce:

• yarn must be installed.
• Run the commands:

git clone git@github.com:plone/volto.git
cd volto
yarn

• Create an Eclipse project pointing to the volto folder.
• Put a breakpoint on this line: https://github.com/plone/volto/blob/6c65e03a896b8ba38022963c651999c9cf636b51/src/server.jsx#L176
• Go to "Run -> Debug Configurations... -> Node.js application" and create a new configuration.
• On the Program tab, fill in the following configurations:

Program: /path/to/volto/node_modules/razzle/bin/razzle.js
Arguments: start
Working directory: /path/to/volto

• On the Environment tab, create a PATH variable and enter the path to the node executable folder on your machine. For example: /usr/bin
• Click in Apply.
• Click in Debug.
• Wait for the server to start.
• In the browser, access: http://localhost:3000
• The debug stop in build/server.js instead of src/server.jsx

razzle/bin/razzle.js を使用して、Volto のセットアップと Node.js アプリケーションの設定で問題を再現します。src/server.jsx の 176 行目にブレークポイントを設定し、localhost:3000 にアクセスして、build/server.js での停止位置と要求されたソース位置を比較します。デバッガーがトランスパイルされたファイルではなく src/server.jsx で停止すれば完了です。