rspack.config.js

const rspack = require('@rspack/core');
const ReactRefreshPlugin = require('@rspack/plugin-react-refresh');
const path = require('path');

const generateSwcOptions = (syntax, isProd) => ({
	jsc: {
		parser: {
			syntax,
			jsx: true,
			dynamicImport: true,
			privateMethod: true,
			functionBind: true,
			classPrivateProperty: true,
			exportDefaultFrom: true,
			exportNamespaceFrom: true,
			decorators: true,
			decoratorsBeforeExport: true,
			importMeta: true,
		},
		transform: {
			react: {
				runtime: "automatic",
				development: !isProd,
				refresh: !isProd,
			},
		},
	},
	})

module.exports = function (env, argv) {
	const isBuild = argv['_'][0] === 'build'
	/**
	 * @type {import('@rspack/cli').Configuration}
	 */
	return {
		context: __dirname,
		entry: {
			main: "./src/index.tsx"
		},
		output: {
			path: path.resolve(__dirname, './dist-rspack')
		},
		target: 'browserslist',
		resolve: {
			extensions: ['.tsx', '.jsx', '.ts', '.js', '.json']
		},
		module: {
			rules: [
				{
					test: /\.tsx?$/,
					use: {
						loader: 'builtin:swc-loader',
						options: generateSwcOptions('typescript', isBuild),
					},
					exclude: /node_modules/
				},
				{
					test: /\.jsx?$/,
					use: {
						loader: 'builtin:swc-loader',
						options: generateSwcOptions('ecmascript', isBuild),
					}
				},
				{
					test: /\.svg$/,
					type: "asset"
				}
			]
		},
		plugins: [
			new rspack.HtmlRspackPlugin({ template: './index.webpack.html' }),
			!isBuild && new ReactRefreshPlugin()
		],
		watchOptions: {
			poll: 0,
			aggregateTimeout: 0
		},
		devtool: isBuild ? false : 'nosources-cheap-source-map',
		stats: {
			timings: true,
			all: false
		}
	};
};