He intentado buscar este problema en Internet y no pude encontrar nada relacionado. Estoy tratando de construir un pequeño proyecto donde el cuerpo de mi HTML solo tendrá un div con id="content" y tengo que agregar el resto de los elementos uno por uno a este div. Ahora creé un elemento h1 y lo agregué al div antes mencionado y luego presioné el comando npm run build en la terminal. Tan pronto como el paquete web emite un paquete, el div id="content" desaparece del cuerpo. Adjunto la captura de pantalla del problema. Así es como se ve index.html antes de ejecutar webpack: index.js permanece igual después de ejecutar webpack: Así es como se ve index.html después de ejecutar el comando npm run build o npm run watch : Aquí está la configuración de mi paquete web:

 const path = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports ={ entry: { index:{ import: './src/index.js' } }, mode: "development", devtool: "inline-source-map", plugins : [ new HtmlWebpackPlugin({ title: 'Resturant Page', }) ], output: { path: path.resolve(__dirname, 'dist'), filename: '[name].bundle.js' }, module: { rules: [ { test: /\.js$/, exclude: /node_modules/, }, { test: /\.css$/, use: ['style-loader', 'css-loader'] }, { test: /\.png|jpg|jpeg$/, type: 'asset/resource', }, { test: /\.svg$/, type: 'asset/resource', }, { test: /\.woff|wof$/, type: 'asset/resource', } ] } }