const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");
module.exports = {
entry: "./src/index.tsx",
devtool: "inline-source-map",
module: {
rules: [
{
test: /\.tsx?$/,
use: "ts-loader",
exclude: /node_modules/,
},
{
test: /\.css$/i,
use: [
{ loader: "style-loader" },
{ loader: "css-loader" },
{ loader: "postcss-loader" },
],
},
{
test: /\.(png|svg|jpe?g|gif|jp2|webp)$/,
type: "asset/resource",
},
],
},
plugins: [
new HtmlWebpackPlugin({
title: "Output Management",
template: "./src/index.html",
}),
],
resolve: {
extensions: [".tsx", ".ts", ".js"],
},
output: {
filename: "bundle.js",
path: path.resolve(__dirname, "../", "dist", "public"),
publicPath: "/",
clean: true,
assetModuleFilename: "images/[hash][ext][query]",
},
};