webpack.config.production.js

require('dotenv').config();

const webpack = require('webpack');
const webpackMerge = require('webpack-merge');
const CopyPlugin = require('copy-webpack-plugin');
const StatsPlugin = require('stats-webpack-plugin');
const TerserPlugin = require('terser-webpack-plugin');
const { BundleStatsWebpackPlugin } = require('bundle-stats');
const { RelativeCiAgentWebpackPlugin } = require('@relative-ci/agent');

const getCommonConfig = require('./build/webpack.config.common');
const appCommonConfig = require('./webpack.config.common');
const settings = require('./settings');

const { rootDir, distDir, publicDir } = settings;

module.exports = webpackMerge(
  getCommonConfig(settings),
  appCommonConfig,
  {
    plugins: [
      new CopyPlugin([
        {
          from: publicDir,
          to: distDir,
        },
      ]),
      new webpack.DefinePlugin({
        __GA__: JSON.stringify(process.env.GA),
      }),
      new StatsPlugin('../artifacts/webpack.stats.json', {
        context: rootDir,
        assets: true,
        entrypoints: true,
        modules: true,
        chunks: true,
        performance: true,
        timings: true,
        children: false,
        source: false,
        excludeAssets: /artifacts/,
      }),
      new BundleStatsWebpackPlugin({
        html: true,
        json: true,
        outDir: '../artifacts',
        stats: {
          excludeAssets: /artifacts/,
        },
      }),
      new RelativeCiAgentWebpackPlugin({
        stats: {
          excludeAssets: /artifacts/,
        },
      }),
    ],
    optimization: {
      minimizer: [new TerserPlugin({ sourceMap: true })],
      splitChunks: {
        chunks: 'all',
        name: true,
        minSize: Infinity,
        cacheGroups: {
          vendor: {
            chunks: 'initial',
            name: 'vendor',
            filename: 'vendor.[contenthash].js',
            test: /[\\/]node_modules[\\/]/,
            priority: -10,
            enforce: true,
          },
        },
      },
    },
  },
);