How to glue sourcemap?

Question

css

Now in the final file, sourcmap is written for each source file separately and chrome does not see them.

// from file 1.
(function(){
...
})
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInVua25vd24i...
// from file 2.
(function(){
...
})
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInVua25vd24i...
(function(){
...
})
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInVua25vd24i...

Are there technologies that allow you to combine all sourcemaps and paste them from below?

Answer 1

if you are talking about tabs, then probably the easiest way to write a js script

Answer 2

This plugin wraps all manipulations with files and at the output we get one sourcemap.
https://www.npmjs.com/package/gulp-sourcemaps