I have just installed a Webpack server which also works. But it annoys me that I always have to reload the browser. So I tried to improve this with hot;true. It still does not work. This is a plain Javascript project
const path = require("path");
module.exports = {
entry: "./src/index.js", // Einstiegspunkt im src-Ordner
output: {
filename: "bundle.js", // Name der gebündelten Datei
path: path.resolve(__dirname, "dist"), // Ausgabeordner
publicPath: "/",
},
devServer: {
static: path.join(__dirname, "src"), // Ordner, in dem sich die HTML-Datei befindet
port: 9000, // Port, auf dem der Server läuft
historyApiFallback: true,
hot: true,
},
mode: "development", // Entwicklungsmodus
target: "web", // Zielumgebung Web
module: {
rules: [
{
test: /.js$/, // Regex für JavaScript-Dateien
exclude: /node_modules/, // Schließt node_modules aus
use: {
loader: "babel-loader", // Verwendet Babel zum Transpilieren
options: {
presets: ["@babel/preset-env"], // Verwendet das preset-env Preset
},
},
},
],
},
};
I only set Hot to true but honestly have no idea what I need to do for Live reload