La console di Safari mostra un errore quando acidcemap non è disponibile?

Question

A volte vogliamo ottenere sourcemaps dal server di produzione. Ma vogliamo solo che gli sviluppatori ottengano quelle fonti di dati, quindi ci sarà una strategia per evitare che qualcun altro ottenga il sourcemaps, come l'IP limite per le richieste di sourcemap.

Quando le mappe non sono disponibili, Chrome e Firefox non mostreranno alcun messaggio di errore. Ma Safari mostrerà errori 403/404 per quelle fonti.

La mia domanda è: c'è un modo per consentire a Safari di non mostrare quei messaggi?

Answer 1

Se desideri eseguire il debug del codice in Chrome, puoi omettere il riferimento alla mappa di origine in modo che non sia inizialmente richiesto, quindi richiedere manualmente la mappa di origine dal pannello Sorgenti degli strumenti di sviluppo.

Webpack ha questa opzione:

hidden-source-map - Idem come fonte-map, ma non aggiunge un commento di riferimento al fascio.

https://webpack.github.io/docs/configuration.html#devtool

Il/Chrome combo Webpack sta lavorando bene per me. Vedere lo my question per una descrizione approfondita di come applicare una mappa sorgente nascosta.

Potrebbe essere possibile ottenere mappe sorgente nascoste con uglify specificando uno spazio vuoto source-map-url, ma non l'ho provato.

--source-map-url - Il percorso per la mappa di origine da aggiungere in //# sourceMappingURL. Predefinito al valore passato con --source-map.

https://github.com/mishoo/UglifyJS2

Se è necessario eseguire il debug in Safari o Firefox, quindi guardare per risposte qui: How to apply a hidden/remote sourcemap in Safari?