dev-sourcemap-webpack-plugin

dev-sourcemap-webpack-plugin.js

const path = require('path');
const { RawSource } = require('webpack').sources;
const PLUGIN_NAME = 'DevSourcemapWebpackPlugin';

class DevSourcemapWebpackPlugin {
    constructor(options) {
        this.test = options.test || new RegExp(`${PLUGIN_NAME}__no_source_map_reg__`);
    }

    apply(compiler) {
        compiler.hooks.emit.tapAsync(PLUGIN_NAME, (compilation, callback) => {
            const { assets } = compilation;

            // traverse all the sourcemap file
            for (var p in assets) {
                // config in designer.prod.conf.js output.sourceMapFilename
                if (!this.test.test(p)) {
                    continue;
                }

                // dev sourcemap
                assets[`..${path.sep}${p}`] = assets[p];

                // prod sourcemap
                const sourcemap = JSON.parse(assets[p]._value);
                delete sourcemap.sourcesContent;
                assets[p] = new RawSource(JSON.stringify(sourcemap));
            }

            callback();
        });
    }
}

module.exports = DevSourcemapWebpackPlugin;