angular build with sourcemap but without the URL / reference

Question

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?

eddyP23 · Accepted Answer · 2019-08-02 07:59:47Z

5

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.

answered Aug 2, 2019 at 7:59

eddyP23

6,96312 gold badges59 silver badges99 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

timbru31 · Accepted Answer · 2021-01-11 22:39:20Z

-2

We have to turn soureMap to 'true' in order to view and debug the .TS code with the PROD build.

In angular.json

"configurations": {
....
"production":{
...,
"sourceMap": true,
}
}

The above is working fine for me and able to debug the code.

edited Jan 11, 2021 at 22:39

timbru31

3652 silver badges21 bronze badges

answered Mar 17, 2019 at 14:14

Kishore Konangi

5543 silver badges15 bronze badges

1 Comment

Akshay Over a year ago

This will include the source map enable and available to debug for everybody. I want sourcemap to be generated but reference not included in the minified filed.

Collectives™ on Stack Overflow

angular build with sourcemap but without the URL / reference

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related