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:
16
webpack/debugging-with-full-source-maps.md
Normal file
16
webpack/debugging-with-full-source-maps.md
Normal 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.
|
||||
Reference in New Issue
Block a user