Ребят всем привет, поставил 5 вебпак, все собирается, только дев

Question

Ребят всем привет, поставил 5 вебпак, все собирается, только дев

сервер не хочет загружать бандл, либо загружает просто файлы, но саму морду не рендерит, подскажите что делаю не так? Гуглил, но конфиги так разнятся, что черт его знает, кто то богом клялся что ему помог contentBase, но такого свойства там больше нет. Пытался заменить на static - не помогает, он просто не видит, вот конфиг:

const path = require("path");
const webpack = require("webpack");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const LodashModuleReplacementPlugin = require("lodash-webpack-plugin");
const BundleAnalyzerPlugin = require("webpack-bundle-analyzer").BundleAnalyzerPlugin;
// const MiniCssExtractPlugin = require("mini-css-extract-plugin");
// const CssMinimizerPlugin = require("css-minimizer-webpack-plugin");
const { CleanWebpackPlugin } = require("clean-webpack-plugin");
module.exports = {
entry: { index: path.resolve(__dirname, "./src/app.tsx") },
module: {
rules: [
{
test: /\.css$/,
use: ["style-loader", "css-loader"],
},
{
test: /\.less$/,
use: [
{ loader: "style-loader" },
{ loader: "css-loader" },
{
loader: "less-loader",
options: {
lessOptions: {
javascriptEnabled: true,
},
},
},
],
},
{
test: /\.ts(x)?$/,
exclude: /node_modules/,
use: [
{ loader: "babel-loader" },
{
loader: "ts-loader",
options: {
transpileOnly: true,
},
},
],
},
{
test: /\.(?:ico|gif|png|jpg|jpeg)$/i,
type: "asset/resource",
},
{
test: /\.svg$/,
use: "file-loader",
},
],
},
mode: "development",
devServer: {
compress: true,
port: 8081,
allowedHosts: "all",
open: true,
historyApiFallback: true,
static: {
directory: path.join(__dirname, "./dist"),
},
proxy: {
"/strela/rest-internal/api": {
target: "http://10.53.223.164:8080",
},
"/strela/gt/gt-api": {
target: "http://10.53.223.164:8080",
},
"/strela/api-ui": {
target: "http://10.53.223.164:8080",
},
},
},
output: {
filename: "[name].bundle.js",
publicPath: path.join(__dirname, "dist"),
},
resolve: {
extensions: [".tsx", ".ts", ".js", ".jsx"],
modules: [path.resolve("./"), path.resolve("./node_modules")],
alias: {
"~": path.resolve(__dirname, "./src/"),
},
},
optimization: {
runtimeChunk: "single",
splitChunks: {
cacheGroups: {
vendor: {
test: /[\\/]node_modules[\\/]/,
name: "vendors",
chunks: "all",
},
},
},
},
plugins: [
new CleanWebpackPlugin(),
// new webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /de|fr|hu/),
// new LodashModuleReplacementPlugin(),
// new BundleAnalyzerPlugin(),
// new HtmlWebpackPlugin({
// template: "./src/index.html",
// }),
],
};