Webpack (4+) неправильно отображает исходный код

Question

Я пытаюсь отладить свой код JS (в частности, React), используя ключевое слово debugger в моем приложении Rails. Однако, когда я открываю Chrome DevTools, все, что я вижу, это преобразованный код (из ES6 + в ES5). Я не вижу исходный код.

Я пытался использовать devtool: 'cheap-eval-source-map' в webpack.config.js.

Например, это генерируемый код:

if (!foo && !bar) return null;

return _react2.default.createElement(
  'span',
  { className: 'foo-bar' },
  '\u2014 ' + foo.foo + ' (Here's the data ')'
);

Когда я должен увидеть что-то подобное в Chrome Devtools:

...

    if (!foo && !bar) return null

    return (
      <span className="foo-bar">
      - Here's the data 
      </span>
    )
  }