Output every file in a webpack build to the specified dist directory in the webpack config. Each file is output after having each loader run against it, but before the webpack module wrapper is added.

emit-all-plugin.js

const path = require('path');

module.exports = class EmitAllPlugin {
    constructor(opts = {}) {
        this.ignorePattern = opts.ignorePattern || /node_modules/;
    }

    shouldIgnore(path) {
        return this.ignorePattern.test(path);
    }

    apply(compiler) {
        compiler.plugin('after-compile', (compilation, cb) => {
            const { modules } = compilation;
            modules.forEach(mod => {
                const absolutePath = mod.resource;
                if (this.shouldIgnore(absolutePath)) return;

                // Used for vendor chunk
                if (mod.constructor.name === 'MultiModule') return;

                const source = mod._source._value;
                const projectRoot = compiler.context;
                const out = compiler.options.output.path;

                const dest = path.join(
                    out,
                    absolutePath.replace(projectRoot, '')
                );

                compiler.outputFileSystem.mkdirp(path.dirname(dest), err => {
                    if (err) throw err;

                    compiler.outputFileSystem.writeFile(dest, source, err => {
                        if (err) throw err;
                    });
                });
            });
            cb();
        });
    }
};

usage.js

{
  plugins: [new EmitAllPlugin()]
}