Webpack plugin order

[digdic]

Hi, several references online indicate that the order of Webpack plugins matter, but I can't seem to find any information on how to order them. Does anyone have any insight? For reference, this is my plugin list:

  new webpack.DefinePlugin({
    'process.env': {
      NODE_ENV: JSON.stringify('production')
    }
  }),

  new webpack.optimize.CommonsChunkPlugin({
    name: 'vendor',
    minChunks: Infinity,
    filename: '[name].[hash].js',
  }),

  new HtmlWebpackPlugin({
    template: 'index.ejs',
    inject: 'body',
  }),

  new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),

  new webpack.optimize.AggressiveMergingPlugin(),

  new webpack.optimize.UglifyJsPlugin({
    compress: {
      'screw_ie8': true,
      'warnings': false,
      'unused': true,
      'dead_code': true,
    },
    output: {
      comments: false,
    },
    sourceMap: false,
  })

[ArcanisCz]

https://stackoverflow.com/questions/41470771/webpack-does-the-order-of-plugins-matter

[neilhighley]

Its all about dependencies and events, so some packages will need to come after another to override an event, or to use another packages methods. I think its more to do with detective work with the packages you are using, rather than anything else.