webpack.config.prod.ts

const path = require('path');
const webpack = require('webpack');
const Dotenv = require('dotenv-webpack');

const filePath = path.join(__dirname, './public/js/');
const fileName = 'main.min.js';

module.exports = {
  mode: 'production',

  entry: {
    app: [path.join(__dirname, 'client/containers/App.tsx')],
  },

  output: {
    publicPath: '/static/js/',
    path: filePath,
    filename: fileName,
  },

  watch: false,
  watchOptions: {
    ignored: '/node_modules/',
  },

  optimization: {
    minimize: true,
  },

  performance: {
    maxEntrypointSize: 512000,
    maxAssetSize: 512000,
  },

  resolve: {
    extensions: ['.ts', '.tsx', '.js', 'jsx'],
  },

  module: {
    rules: [
      {
        test: /\.(ts|tsx)$/,
        exclude: /node_modules/,
        use: ['ts-loader'],
      },
      {
        test: /\.scss$/,
        use: [
          {
            loader: 'style-loader',
          },
          {
            loader: 'css-loader',
          },
          {
            loader: 'sass-loader',
          },
        ],
      },
      {
        test: /\.css$/,
        use: [
          {
            loader: 'css-loader',
          },
        ],
      },
    ],
  },
  plugins: [
    new Dotenv({
      path: './.env',
    }),
  ],
};