webpack.config.js

import path  from "path";
import ForkTsCheckerWebpackPlugin from "fork-ts-checker-webpack-plugin";
import HtmlWebpackPlugin from "html-webpack-plugin";

export default {
	experiments: {
		asyncWebAssembly: true,
	},
	entry: './src/index.tsx',
	devServer: {
		static: ['dist'],
		host: '0.0.0.0',
		proxy: {
		}
	},
	externals: {
		vscode: 'commonjs vscode'
	},
	module: {
		rules: [
			{
				test: /\.tsx?$/,
				use: 'ts-loader',
				exclude: /node_modules/
			},
			{
				test: /\.css$/,
				use: ['style-loader', 'css-loader']
			},
			{
				test: /\.(png|jpe?g|gif|svg|pdf)$/,
				use: [{
					loader: 'file-loader',
					options: {
						name: '[path][name].[ext]',
						esModule: false,
					}
				}]
			},
			{
				test: /\.(mp3|wasm)$/i,
				type: 'asset/resource'
			}
		]
	},
	resolve: {
		extensions: ['.ts', '.js', '.tsx'],
		extensionAlias: {
			'.js': ['.js', '.ts', '.tsx']
		},
		fallback: { 
			"buffer": false,
			"stream": false,
		},
	},
	performance: {
		hints: false
	},
	output: {
		filename: 'index.js',
		path: path.resolve('dist'),
		clean: true
	},
	plugins: [
		new ForkTsCheckerWebpackPlugin(),
		new HtmlWebpackPlugin({
			name: "Webpack Bundling Demo"
		})
	]
};