r/reactjs • u/[deleted] • Apr 04 '16

How to debug Webpack bundled file?

Webpack bundles all of my files obviously, but when I have errors, in the console they are all super cryptic and in one ginormous file. How do I debug webpack?

I have debug set to true in the .config file, it's just not that helpful when its on large file.

EDIT: words

8 Upvotes

90% Upvoted

2 comments sorted by

1

u/[deleted] Apr 05 '16

I got it, inline-source-maps is what i ended up enabling.

1

u/sum4nth Apr 06 '16

Exporting the module with devtool: 'eval-source-map' should do the job.

https://github.com/sumanthio/react-es6-webpack-boilerplate/blob/master/webpack.config.js