webpack.config.ts

import path from 'path';

import webpack from 'webpack';

import ReactRefreshWebpackPlugin from '@pmmmwh/react-refresh-webpack-plugin';

const mode = process.env.NODE_ENV === 'production' ? 'production' : 'development';

const isDevelopment = mode === 'development';

const entry = isDevelopment ? ['webpack-hot-middleware/client'] : [];

console.log('Entry:', entry);

const conf: webpack.Configuration = {
	mode,
	entry: [...entry, './src/server-app/index.tsx'],
	output: {
		filename: 'bundle.js',
		path: path.resolve(__dirname, 'public'),
		publicPath: '/',
	},
	resolve: {
		extensions: ['.ts', '.tsx', '.js'],
		fallback: {
			'react-native-sqlite-storage': false,
			path: false,
			fs: false,
			assert: false,
			process: false,
		},
	},
	module: {
		rules: [
			{
				test: /\.tsx?$/,
				use: 'ts-loader',
				exclude: /node_modules/,
			},
			{
				test: /\.csv$/,
				type: 'asset/source',
			},
		],
	},
	devtool: 'source-map',
	plugins: [
		isDevelopment && new webpack.HotModuleReplacementPlugin(),
		isDevelopment && new ReactRefreshWebpackPlugin(),
		new webpack.EnvironmentPlugin(['NODE_ENV']),
	].filter(Boolean) as webpack.WebpackPluginInstance[],
};

export default conf;