webpack.prod.js

// https://gist.github.com/vincentbollaert/e90def9b351d8d97c90ef7cfd887685e

const { merge } = require('webpack-merge')
const common = require('./webpack.common')
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
const TerserPlugin = require('terser-webpack-plugin')
const OptimizeJsPlugin = require('optimize-js-plugin')
const OptimizeCssnanoPlugin = require('@intervolga/optimize-cssnano-plugin')
const CompressionPlugin = require('compression-webpack-plugin')

module.exports = merge(common, {
  mode: 'production',
  output: {
    pathinfo: false,
  },
  module: {
    rules: [{ test: /\.(css)$/, use: [MiniCssExtractPlugin.loader, 'css-loader'] }],
  },

  optimization: {
    minimizer: [new TerserPlugin({ parallel: true })],
    splitChunks: {
      cacheGroups: {
        commons: {
          test: /[\\/]node_modules[\\/]/,
          name: 'vendor',
          chunks: 'initial',
        },
      },
    },
    runtimeChunk: 'single',
    removeAvailableModules: false,
    removeEmptyChunks: false,
  },
  plugins: [new CompressionPlugin()],
})