Prettifying webpack output in your Dev Tools

Use source maps!
May 01, 2020

If your dev tools source code looks like this, you need source maps!


Webpack react before source maps

const config = {
	entry: './src/index.js',
	output: {...}
	devtool: 'cheap-module-eval-source-map', // source map

any of the values here:

cheap-module-eval-source-map gives the original source but cheaper


Webpack react after source maps

Nice and clean! 😎

⬅ Previous postNext post ➡