Using a Webpack InjectOptionsPlugin to supply centralized loader configuration to loaders that are added with inline loader!module import syntax

application-code.js

import Worker from "workerize-loader!./worker"

inject-options-plugin.js

class InjectOptionsPlugin {

  constructor( options = {}) {
    const { loaders = {}} = options;

    this.loaders = new Map();
    Object.entries( loaders ).forEach(([ name, options ]) => {
      const resolved = require.resolve( name );
      this.loaders.set( resolved, options );
    });
  }

  apply( compiler ) {
    compiler.hooks.compilation.tap( "inject-options-plugin", compilation => {
      compilation.hooks.buildModule.tap( "inject-options-plugin", module => {
        if ( !Array.isArray( module.loaders )) return;

        module.loaders.forEach( loader => {
          const options = this.loaders.get( loader.loader );
          if ( options == null ) return;

          loader.options = {
            ...( loader.options || {}),
            ...options
          };
        });
      });
    });
  }
}

module.exports = InjectOptionsPlugin;

webpack.config.js

const path = require( "path" );
const InjectOptionsPlugin = require( "inject-options-plugin" );

module.exports = env => {
  const isDev = env === "development";
  const hash = isDev ? "" : ".[contenthash]";

  return {
    mode    : isDev ? "development" : "production",
    devtool : isDev ? "source-map" : undefined,
    output  : {
      globalObject  : "this",
      path          : path.resolve( "./dist" ),
      publicPath    : "/dist/",
      filename      : `scripts/[name]${hash}.js`,
      chunkFilename : `scripts/[name]${hash}.js`
    },

    entry : {
      // (...)
    },

    module : {
      rules : [
        // (...)
      ]
    },

    plugins : [
      new InjectOptionsPlugin({
        loaders : {
          "workerize-loader" : {
            name : `[path][name]${hash}`
          }
        }
      }),
      // (...)
    ]
  };
};