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

[wesleybl]

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