Webpack 5: Generate Source Maps using Webpack

Published: 07 January 2021
on channel: DevTuts
9,194
79

A source map is a way to map a combined or minified file back to its unbuilt state. Using source maps, you can make your client-side code readable and, more importantly, debuggable even after you have combined and minified it without impacting performance. In this video, I'm going to show you how to generate source maps for development and production using Webpack 5.

Chapters:
00:00 Intro
00:33 Generate Source Maps for Development using Webpack
01:25 Generate Source Maps for Production using Webpack
01:55 Disable Source Map Generation in Webpack

Github Repo: https://github.com/rapidevelop/ex_web...

Full list of Webpack source map options: https://bit.ly/38jcf5h

#DevTool #Webpack5 #Webpack #JavaScript #WebDevelopment