Webpack 3 & 4 config equivalents

webpack3.config.js

const path = require('path');
const webpack = require('webpack');

module.exports = {
  entry: {
    one: './src/one.js',
    two: './src/two.js',
    three: './src/three.js',
  },
  output: {
    path: path.resolve(__dirname, 'out'),
    filename: '[name].js',
  },
  plugins: [
    new webpack.optimize.CommonsChunkPlugin({
      name: 'vendor',
      filename: 'vendor.js',
      minChunks: 2,
    }),
  ],
};

webpack4.config.js

const path = require('path');

module.exports = {
  // New
  mode: process.env.NODE_ENV || 'development',
  entry: {
    one: './src/one.js',
    two: './src/two.js',
    three: './src/three.js',
  },
  output: {
    path: path.resolve(__dirname, 'out'),
    filename: '[name].js',
  },
  optimization: {
    // Force webpack to include it's runtime in the `vendor` chunk.
    // Otherwise it adds a runtime per entry point.
    runtimeChunk: {
      name: 'vendor',
    },
    // CommonsChunkPlugin
    splitChunks: {
      name: 'vendor',
      filename: 'vendor.js',
      chunks: 'all',
      minSize: 1,
    },
  },
};