webpack.config.js

const path = require("path");
const HTMLWebpackPlugins = require("html-webpack-plugin");

module.exports = {
	entry: ["regenerator-runtime/runtime.js", "/src/index.js"],
	output: {
		path: path.resolve(__dirname, "docs"),
		filename: "main.js",
		publicPath: "/"
	},
	devServer: {
		static: path.resolve(__dirname, "./docs"),
		port: 3000,
		open: true,
		hot: true,
		historyApiFallback: true
	},
	mode: "development",
	module: {
		rules: [
			{
				test: /\.jsx?$/,
				use: "babel-loader",
				exclude: "/node_modules/"
			},
			{
				test: /\.css$/,
				use: ["style-loader", "css-loader"]
			},
			{
				test: /\.(png|jpg|gif|woff(2)?|eot|ttf|otf)$/,
				type: "asset/resource"
			},
			{
				test: /\.svg$/,
				use: ["@svgr/webpack", "url-loader"],
			},
		],
	},
	resolve: {
		extensions: [".js", ".jsx", ".json"]
	},
	plugins: [
		new HTMLWebpackPlugins({
			template: path.resolve(__dirname, "public/index.html"),
			favicon: path.resolve(__dirname, "public/favicon.svg")
		})
	],
	infrastructureLogging: {
		level: "warn"
	}
}