1
0
mirror of https://github.com/jbranchaud/til synced 2026-01-03 15:18:01 +00:00

Add Debugging With Full Source Maps as a webpack til

This commit is contained in:
jbranchaud
2016-03-23 22:38:43 -05:00
parent 0d0a92011f
commit 9632aea940
2 changed files with 18 additions and 1 deletions

View File

@@ -0,0 +1,16 @@
# Debugging With Full Source Maps
After Webpack runs your JavaScript through various loaders, it no longer
looks like the code you were writing in your editor. This can make debugging
difficult when you inspect the source of an error in the browser's devtools.
Fortunately, Webpack makes it easy to enhance debugging with full source
maps of your code. Just add the following option to your Webpack config:
```javascript
devtool: source-map
```
This will generate a full source map with a filename that is something like
`bundle.js.map`.
Note: this will slow down the webpack build process a bit.