firecamp/webpack.prod.js

const path = require('path');
const webpack = require('webpack');
const { merge } = require('webpack-merge');
const TerserPlugin = require('terser-webpack-plugin');
// const CompressionPlugin = require('compression-webpack-plugin');
const base = require('./webpack.common');

const nodeEnv = process.env.NODE_ENV;

const config = merge(base, {
  mode: 'production',
  output: {
    clean: true,
    globalObject: 'this',
    filename: '[name].min.js',
    chunkFilename: '[name].min.js',
    path: path.join(__dirname, `./build/${nodeEnv}`),
  },
  optimization: {
    nodeEnv: 'production',
    // minimize: true,
    minimizer: [
      new TerserPlugin({
        parallel: 4,
        minify: TerserPlugin.esbuildMinify,
        // terserOptions: {
        //   sourceMap: 'external',
        // },
      }),
    ],
  },
  plugins: [
    new webpack.ProvidePlugin({ React: 'react' }),
    new webpack.IgnorePlugin({ resourceRegExp: /[^/]+\/[\S]+.prod$/ }),
    // new CompressionPlugin(),
  ],
});

module.exports = () =>
  new Promise((resolve, reject) => {
    // eslint-disable-next-line no-console
    console.log('[Webpack Build]');
    // eslint-disable-next-line no-console
    console.log('-'.repeat(80));

    const compiler = webpack(config);

    compiler.run((err, stats) => {
      if (err) {
        console.error(err.stack || err);
        if (err.details) console.error(err.details);
        reject(err.stack || err.details || err);
      }
      const info = stats.toJson();
      if (stats.hasErrors()) {
        console.error(info.errors);
        reject(info.errors);
      }
      if (stats.hasWarnings()) console.warn(info.warnings);
      resolve();
    });
  });