Add sourcemaps support about livereactload

[Chris-Andrews]

Hi, is this something you recently implemented? I am noticing a

//# sourceMappingURL=data:application/json;base64,...

string in my livereactload-ed page. I especially wanted to ask about this because your example gulpfile has the line:

sourcemaps = require('gulp-sourcemaps'),

I thought that line was guiding me to set up my own sourcemaps with gulp-sourcemaps (gulp-sourcemaps is never actually used in the sample gulpfile). I spent a couple hours trying to get things working that way and kept getting messages that my sourcemaps were pointing to files that could not be found. I finally decided to give up and then noticed that the sourceMappingURL line was being put in there. I have no idea how this is happening, but I currently have excellent source maps working.

It might help other people avoid making this same mistake if the require('gulp-sourcemaps') statement is removed from that sample gulpfile.

Thanks for providing such a great tool!

[milankinen]

Hi Chris,

Yeah, I forgot that dependency there. It'll be removed in the next release. Thanks!

[Chris-Andrews]

Thanks for clarifying

[jakubwolny]

That would be awesome if livereactload could reload sourcemaps during hot reload! Do you think is that possible?

[milankinen]

Actually it should support source maps - if you enable source maps from e.g. babelify then you'll be able to debug errors from you ES6 code.

However, existing breakpoints are not working because LiveReactload reload the whole bundle script (breakpoints apply to "old" bundle file). If you have disabled cache then you may be able to get around this by using preventCache option (see https://github.com/milankinen/livereactload#configuration-options).

[milankinen]

Not applicative anymore since 2.x