I work on a TypeScript file foo.ts. Once my workflow is done with it, I have the following files:
foo.ts
foo.js // generated - referenced by page in QA
foo.js.map // source map between foo.ts and foo.js
foo.min.js // minified version of foo.js - referenced by page in Production
foo.min.js.map // source map between foo.js and foo.min.js
Debugging in QA works great, since devtools lets me work in foo.ts (e.g. in TypeScript).
However, once I am in production, foo.min.js is referenced by the page and devtools only let me debug with foo.js. It seems that it can't figure out the chain of source maps from foo.min.js to foo.ts.
Is there a trick that I am missing to allow me to chain the source maps?