webpack.config.dev.ts

import path from 'path';
import nodeExternals from 'webpack-node-externals';
import {Configuration} from 'webpack';
import WebpackShellPluginNext from 'webpack-shell-plugin-next';

const getConfig = (env: {WEBPACK_WATCH: boolean}): Configuration => {
  const isInWatchingMode = env.WEBPACK_WATCH === true;
  return {
    entry: './src/main.ts',
    target: 'node',
    mode: 'development',
    externals: [nodeExternals()],
    plugins: [
      new WebpackShellPluginNext({
        onBuildStart: {
          scripts: ['npm run clean:dev'],
          blocking: true,
          parallel: false,
        },
        onBuildEnd: isInWatchingMode
          ? {
              scripts: ['npm run watch:build'],
              blocking: false,
              parallel: true,
            }
          : {},
      }),
    ],
    module: {
      rules: [
        {
          test: /\.(ts|js)$/,
          loader: 'ts-loader',
          options: {},
          exclude: /node_modules/,
        },
      ],
    },
    resolve: {
      extensions: ['.ts', '.js'],
      alias: {
        '@': path.resolve(__dirname, 'src'),
      },
    },
    output: {
      path: path.join(__dirname, 'build'),
      filename: 'main.js',
    },
    optimization: {
      moduleIds: 'deterministic',
      splitChunks: {
        chunks: 'all',
      },
    },
  };
};

export default getConfig;