Exclude a module from webpack bundle

Question

I'd like the same functionality like RequireJS empty: http://requirejs.org/docs/optimization.html#empty

My use-case is that I include jquery-migrate in development, but I'd like to exclude this when built for production.

Using IgnorePlugin just makes it not included, and when requireing it in the code, it then throws an error (Uncaught Error: Cannot find module "jquery-migrate").

What I'd like to happen is for it to just return undefined, or something of the like (like empty: in RequireJS). Id like to not touch the import in the code, just configuring it to return undefined.

EDIT: Using NormalModuleReplacementPlugin works, if I point the replacement to an empty file. But keeping an empty file around just for this seems unnecessary.

Answer 1

I use the null-loader for blanking out modules. The noop-loader can be used for a less awkward if-else in the config.

Try:

rules: [{
    test: /jquery-migrate/,
    use: IS_DEV ? 'null-loader' : 'noop-loader'
}]

Answer 2

You can try to make a resolve.alias in webpack.config:

resolve: {
    alias: {
         "jquery-migrate": process.env.NODE_ENV === 'production' ? "empty-module": "jquery-migrate"
    }
}