webpack.config.js

const path = require("path");
const CopyPlugin = require("copy-webpack-plugin");
const WasmPackPlugin = require("@wasm-tool/wasm-pack-plugin");

const dist = path.resolve(__dirname, "dist");

module.exports = {
	mode: "production",
	entry: {
		index: "./js/index.tsx",
	},
	output: {
		path: dist,
		filename: "[name].js",
		chunkFilename: "[name].chunk.js",
	},
	devServer: {
		contentBase: dist,
	},
	resolve: {
		// Add `.ts` and `.tsx` as a resolvable extension.
		extensions: [".ts", ".tsx", ".js"],
	},
	module: {
		rules: [
			// all files with a `.ts` or `.tsx` extension will be handled by `ts-loader`
			{ test: /\.tsx?$/, loader: "ts-loader" },
		],
	},
	plugins: [
		new CopyPlugin([path.resolve(__dirname, "static")]),

		new WasmPackPlugin({
			crateDirectory: __dirname,
			forceMode: "production",
		}),
	],
};