Support cascading options

[jamesplease]

Most grunt multitasks support cascading options. grunt-webpack doesn't seem to.

// This should work, but it does not
grunt.initConfig({
  webpack: {
    dev: {
      options: webpackDevOptions
    },
    prod: {
      options: webpackProdOptions
    }
  }
});

This is possibly due to this unusual pattern.

The general practice to get the options is through the this.options method, which allows you to merge defaults. Here's an example.

I'm willing to make up a PR to fix this @sokra, if it's something you're willing to support / if you think it's possible (to be honest I'm not too sure what getWithPlugins is doing).

Update...

Yup, you ignore the target options by going straight to grunt.config over here.

Update2...

This may be as simple as doing this:

var options = this.options(_.merge(
            {
                context: ".",
                output: {
                    path: "."
                },
                failOnError: true
            },
            getWithPlugins([this.name, "options"]),
            getWithPlugins([this.name, this.target]),
            function(a, b) {
                return grunt.util._.isArray(a) && grunt.util._.isArray(b) ? a.concat(b) : undefined;
            }
        ));

This seems to be working for me for now, but more testing is needed.

[sokra]

Do it this way:

grunt.initConfig({
  webpack: {
    options: webpackCommonOptions,
    dev: webpackDevOptions,
    prod: webpackProdOptions
  }
});

See example here and documentation here.

this.options doesn't work because it clones the object which only works with objects. It would convert webpack plugins to objects (prototype is lost).

[jamesplease]

Gotcha @sokra. Thanks!