webpack.prod.js

process.env.NODE_ENV = 'production';

const path = require('path');
const {merge} = require('webpack-merge');
const common = require('./webpack.common.js');
const keepAsset = require('./keepAsset.js');

//const CompressionPlugin = require("compression-webpack-plugin");
const WebpackOnBuildPlugin = require('on-build-webpack');
//const TerserJSPlugin = require('terser-webpack-plugin');
//const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
const fs = require('fs');

const buildDir = __dirname + '/public/';

module.exports = merge(common, {
  mode: 'production',

  devtool: 'source-map',

  optimization: {
    //minimizer: [new TerserJSPlugin({}), new OptimizeCSSAssetsPlugin({})],
    //runtimeChunk: 'single',
    splitChunks: {
      chunks: 'all',
      maxInitialRequests: Infinity,
      //minSize: 0,
      cacheGroups: {
        vendor: {
          test: /[\\/]node_modules[\\/]/,
          name(module) {
            // get the name. E.g. node_modules/packageName/not/this/part.js
            // or node_modules/packageName
            const packageName = module.context.match(/[\\/]node_modules[\\/](.*?)([\\/]|$)/)[1];

            // npm package names are URL-safe, but some servers don't like @ symbols
            return `npm.${packageName.replace('@', '')}`;
          },
        },
      },
    }
  },

  plugins: [
    /* new CompressionPlugin({
      filename: '[path].gz[query]',
      algorithm: 'gzip',
      test: /\.(js|css|html|svg)$/,
      threshold: 10240,
      minRatio: 0.8,
    }), */
    /* new CompressionPlugin({
      filename: '[path].br[query]',
      algorithm: 'brotliCompress',
      test: /\.(js|css|html|svg)$/,
      compressionOptions: { level: 11 },
      threshold: 10240,
      minRatio: 0.8,
      deleteOriginalAssets: false,
    }), */

    // new WebpackOnBuildPlugin(function(stats) {
    //   const newlyCreatedAssets = stats.compilation.assets;

    //   const unlinked = [];
    //   fs.readdir(path.resolve(buildDir), (err, files) => {
    //     files.forEach(file => {
    //       //console.log('to unlink 1:', file);

    //       if(keepAsset(file)) {
    //         return;
    //       }

    //       let p = path.resolve(buildDir + file);
    //       if(!newlyCreatedAssets[file] && ['.gz', '.js', '.ts', '.map', '.css', '.txt'].find(ext => file.endsWith(ext)) !== undefined) {

    //         //console.log('to unlink 2:', file);
            
    //         fs.unlinkSync(p);
    //         unlinked.push(file);
    //       }
    //     });

    //     if(unlinked.length > 0) {
    //       console.log('Removed old assets: ', unlinked);
    //     }
    //   });
    // })
  ]
});