Проблема при обновлении webpack 2 до webpack 4

Question

Я столкнулся с проблемой при обновлении с webpack 2 на webpack 4. Я решил проблему ниже

1. связанные с webpack-cli

Еще одна проблема связана с плагином splitchunk. перепробовал все возможные варианты.

ранее внутри webpack.plugin.js

const commonsChunkPluginConfig = new webpack.optimize.CommonsChunkPlugin({
  name: ['vendor', 'manifest']
});

   module.exports.plugins = isDev ?

  // dev plugins
  [
    new webpack.HotModuleReplacementPlugin(),
    circularDependencyPluginConfig,
    definePluginConfig,
    new webpack.NamedModulesPlugin(),
    new webpack.NoEmitOnErrorsPlugin(),
    new webpack.ContextReplacementPlugin(/moment[\\\/]locale$/, /^\.\/(en)$/),
    extractTextPluginConfig,
    htmlWebpackPluginConfig,
    manifestPluginConfig,
    commonsChunkPluginConfig
    // , bundleAnalyzerPluginConfig
  ]

  :

  // prod plugins
  [
    circularDependencyPluginConfig,
    definePluginConfig,
    new webpack.optimize.OccurrenceOrderPlugin(),
    new webpack.optimize.UglifyJsPlugin(),
    new webpack.ContextReplacementPlugin(/moment[\\\/]locale$/, /^\.\/(en)$/),
    extractTextPluginConfig,
    htmlWebpackPluginConfig,
    manifestPluginConfig,
    commonsChunkPluginConfig
    // , bundleAnalyzerPluginConfig
  ];

// webapck.config.js

module.exports =
  { context: resolve(__dirname, 'app')
  , devtool: isDev ? 'eval' : '' // inline-source-map
  , entry: entryConfig
  , output:
    { filename: FILENAME
    , chunkFilename: FILENAME
    , path: resolve(__dirname, isDev ? 'dev' : 'dist')
    , publicPath: '/'
    }
  , module: { rules }
  , plugins
  , target: 'web'
  , devServer:
    { hot: true
    , inline: true
    , contentBase: resolve(__dirname, "dev")
    , host: "0.0.0.0"
    , disableHostCheck: false   // set to true if testing in a VM
    , port: DEV_PORT
    , publicPath: '/'
    , historyApiFallback: true
    }
  };
Не могли бы вы предложить правильную конфигурацию для плагина Split Chunk, а не CommonsChunkPlugin?