webpack.config.js

const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const CopyWebpackPlugin = require('copy-webpack-plugin')
const { CleanWebpackPlugin } = require('clean-webpack-plugin')

module.exports = (env, argv) => ([{
  name: 'match-viewer',
  entry: './src/index.tsx',
  module: {
    rules: [
      {
        test: /\.tsx?$/,
        use: 'ts-loader',
        exclude: /node_modules/,
      },
    ],
  },
  resolve: {
    extensions: ['.ts', '.tsx', '.js'],
  },
  plugins: [
    new CleanWebpackPlugin({
      cleanOnceBeforeBuildPatterns: ['**/*', '!live-stats.js']
    }),
    new HtmlWebpackPlugin({
      title: 'Wargroove Match Viewer',
      template: 'index.html',
      output: {
        publicPath: '/'
      }
    }),
    new CopyWebpackPlugin({ patterns: [{ from: 'assets', to: 'assets' }] }),
  ],
  output: {
    filename: argv.mode === 'production' ? 'app.[contenthash].js' : 'app.js',
    path: path.resolve(__dirname, 'dist'),
    publicPath: '/'
  },
  mode: argv.mode === 'production' ? 'production' : 'development',
}, {
  name: 'live-stats',
  entry: './src/live-stats.ts',
  module: {
    rules: [
      {
        test: /\.tsx?$/,
        use: 'ts-loader',
        exclude: /node_modules/,
      },
      {
        test: /\.css$/i,
        use: ["css-loader"]
      }
    ],
  },
  resolve: {
    extensions: ['.ts', '.js'],
  },
  output: {
    filename: 'live-stats.js',
    path: path.resolve(__dirname, 'dist'),
    publicPath: '/'
  },
  mode: argv.mode === 'production' ? 'production' : 'development',
}])