webpack.prod.js

const { merge } = require('webpack-merge');
const common = require('./webpack.common.js');
const TerserPlugin = require("terser-webpack-plugin");
const path = require('path');
const webpack = require('webpack');

module.exports = merge(common, {
  mode: 'production',
  module: {
    rules: [{
      test: /\.(jpe?g|png|webp|webp)$/i,
      use: [{
        loader: 'responsive-loader',
        options: {
          adapter: require('responsive-loader/sharp'),
          sizes: [320, 640, 960, 1280],
          outputPath: 'responsive',
        }
      }]
    }],
  },
  optimization: {
    minimize: true,
    minimizer: [new TerserPlugin()],
  },
  plugins: [
    new webpack.EnvironmentPlugin({
      NODE_ENV: 'production'
    }),
  ],
  cache: {
    type: "filesystem",
    cacheDirectory: path.resolve(__dirname, '.webpack-cache'),
    version: 'production',
  }
});