Search code examples
angularwebpacksource-mapsangular-webpack

angular build with sourcemap but without the URL / reference

I am using angular 6.

I want to debug an app in PROD, I need source map for that. When I create a build with source map on, it injects the URL at end of minified file as 

//# sourceMappingURL=app.min.js.map

This makes browser call the sourcemap and code is visible in prod.

The question is how do I make the sourcemap but don't include the URL?

I can do that as post build using gulp and other tools but is there any outofbox / simple way?

Solution

  • It seems that this is doable, by configuring hidden: true for the sourceMap parameter, like this:

    "sourceMap": { "scripts": true, "styles": true, "hidden": true, "vendor": true }

    It seems that sourceMap can be either a bool or a complex object. Please look at the angular docs here.