undefined | Better HN

0 pointsseniorsassycat9y ago0 comments

So I did reference those examples when I setup this project, but this doesn't have to do with typescript, or ts-loader.

Here's some gists showing a minimal reproduction without typescript. https://gist.github.com/anonymous/ad044363f73b845cccb4e7f225...

Specifically, look at lines 25 and 28 of lib-main.js

0 comments

johnny_reilly9y ago

Your WebPack.config.js appears to be missing this:

devtool: 'inline-source-map'

No sourcemaps, no debugging original source. Hope that helps

seniorsassycatOP9y ago

lib-main-dev.js is an example of the output when running 'webpack -d', which is short for '--devtool sourcemap --debug --output-pathinfo', it has the same problem*

There are really two problems contributing to this. First, webpack rewrites import/export statments and never introduces a variable binding with the same name as the bindings used in the original import/export.

Second sourcemaps _do_ map lines of compiled code to lines of original source, but they _do not_ map renamed variables to original names. As an example, enable minifiaction and soucemaps then try to debug a function. You might notice that the variables are all called a, b, c, and other short uglified strings now.

* I just realized that the file I uploaded is missing the ends of each line, so that file is incorrect.

j / k navigate · click thread line to collapse