webpack.prod.js

import path from 'path';
import { merge } from 'webpack-merge';
import { CleanWebpackPlugin } from 'clean-webpack-plugin';
import TerserPlugin from 'terser-webpack-plugin';
import common from './webpack.common.js';

const terserOptions = {
  minimize: true,
  minimizer: [
    new TerserPlugin({
      extractComments: false,
      terserOptions: {
        compress: {
          pure_funcs: ['console.log', 'console.debug']
        },
        format: {
          comments: false,
        },
      }
    })
  ]
};

const distPath = path.join(common.context, 'dist');
const jsEntry = path.join(common.context, 'src/js/index.js');
const cssEntry = path.join(common.context, 'src/scss/main.scss');

export default merge(common, {
  mode: 'production',
  entry: {
    'sadrazam.esm.js': jsEntry,
    'sadrazam.min.junk': cssEntry
  },
  output: {
    path: distPath,
    filename: '[name]',
    chunkFormat: false,
    library: { type: 'module' },
    module: true
  },
  experiments: { outputModule: true },
  plugins: [
    new CleanWebpackPlugin({
      cleanOnceBeforeBuildPatterns: ['**/*.min.js'],
      cleanAfterEveryBuildPatterns: ['**/*.junk'],
      protectWebpackAssets: false
    })
  ],
  optimization: terserOptions
});